如何在Flutter中创建过滤图像

Question

我正在尝试创建一个图像过滤器，我想知道的是，是否可以将滤色器应用于图像，然后在应用滤色器的情况下保存该图像？如果是，那么如何。现在，我已经能够使用以下代码将滤色器应用于图像。但我们想要的是保存图像并用滤色器显示。

Container(
child: Stack(
children: <Widget>[
ColorFiltered(
colorFilter: ColorFilter.mode(Colors.black87, BlendMode.color),
child: Image(
image: FileImage(
this.images[index]
),
),
),
)
]
)
);

我们需要的是类似这样的功能，它可以将原始图像转换为应用了滤色器的图像

void transformImage(String path) {
// do something here ...
}

Answer 1

使用Image小部件可以进行各种操作。

import 'dart:io';
import 'package:image/image.dart';
void main() {
// Create an image
Image image = Image(320, 240); // You can also load an image here

// Fill it with a solid color (blue) OR add color filter
fill(image, getColor(0, 0, 255));

// Draw some text using 24pt arial font
drawString(image, arial_24, 0, 0, 'Hello World');

// Draw a line
drawLine(image, 0, 0, 320, 240, getColor(255, 0, 0), thickness: 3);

// Blur the image
gaussianBlur(image, 10);

// Save the image to disk as a PNG
File('test.png').writeAsBytesSync(encodePng(image));
}