如何在 Flutter 中嵌入水印（文本或图像）答案

【问题标题】：How to embed watermark (Text or Image) in Flutter如何在 Flutter 中嵌入水印（文本或图像）
【发布时间】：2021-06-30 10:23:16
【问题描述】：

我创建了一个带有图像选择器的应用，我想在所选图片中嵌入文本或图像并将其保存到图库。

????我的应用

????我试图创建这个

这是我用于图像选择器的代码

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Watermark',
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  File _pickedImage;

  Future pickAnImage() async {
    final pickedFile =
        await ImagePicker().getImage(source: ImageSource.gallery);
    setState(() {
      _pickedImage = File(pickedFile.path);
    });
  }

  _saveImage() {
    //TODO: Save image to gallery
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text("Flutter Watermark"),
        ),
        body: SingleChildScrollView(
          child: Center(
            child: Column(
              children: <Widget>[
                _pickedImage == null
                    ? TextButton(
                        child: Text("Pick an Image"),
                        onPressed: pickAnImage,
                      )
                    : Column(
                        children: [
                          Image.file(_pickedImage),
                          SizedBox(
                            height: 50.0,
                          ),
                          TextButton(
                              onPressed: _saveImage, child: Text("Save Image"))
                        ],
                      ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

我按照下面的教程操作，但它冻结了应用程序，我无法实现它。

教程

https://medium.com/flutter-community/add-watermark-over-image-in-flutter-e7353e3cf603

谁能帮帮我？

【问题讨论】：

标签： image flutter dart text watermark

【解决方案1】：

你可以试试this dependency:

按照作者的建议，this example 与您的查询类似

import 'dart:io';
import 'package:image/image.dart';
void main() {
  // Create an image
  Image image = Image(320, 240);
  
  // Draw some text using 24pt arial font
  drawString(image, arial_24, 0, 0, 'Hello World');
  
  
  // Save the image to disk as a PNG
  File('test.png').writeAsBytesSync(encodePng(image));
}

从link下载的图片。

【讨论】：