如何使用drawImageRect设置绘制到画布上的图像的不透明度？

Posted 2023-02-22

【中文标题】如何使用drawImageRect设置绘制到画布上的图像的不透明度？

【英文标题】：How to set the opacity of an image drawn to a canvas with drawImageRect?

【发布时间】：2019-04-28 19:46:22

【问题描述】：

我正在使用 drawImageRect 在 Flutter 中绘制 Canvas：

canvas.drawImageRect(image, sourceRect, destRect, _paint);

我有一个不透明度值（0 和 1 之间的双精度值）。如何使用此值绘制图像（使 0 不可见，0.5 为半透明）？

【参考方案1】：

只需设置颜色不透明度

final _paint = Paint();
final opacity = 0.5;
_paint.color = Color.fromRGBO(0, 0, 0, opacity);
canvas.drawImageRect(image, sourceRect, destRect, _paint);

【参考方案2】：

您可以在渲染之前使用this library 处理图像。另外我建议你使用隔离来完成这个库的所有操作，使用flutter的compute()函数会很容易，因为它会阻塞整个UI。