如何在 Flutter 中嵌入水印文本或图像

问题描述

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

?我的应用

?我试着创造这个

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

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

有人可以帮我吗？

解决方法

您可以尝试使用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,'Hello World');
  
  
  // Save the image to disk as a PNG
  File('test.png').writeAsBytesSync(encodePng(image));
}

从该 link 下载的图像。