我目前第一次在 Flutter 中使用画布。我必须使用从互联网上获取的自定义图像为谷歌地图做一个市场(现在只能使用画布或原始图像来做)。我得到了一些处理图像的东西,它看起来像这样:

但是我的预期结果应该是圆形的图像。它看起来像这样:
有人知道怎么做吗?
这里有一些代码
画家
class ImageEditor extends CustomPainter {
ImageEditor({
this.image,
});
ui.Image image;
@override
void paint(Canvas canvas, Size size) async{
canvas.drawImage(image, new Offset(0, -size.height*0.8), new Paint()..style=PaintingStyle.fill);
final radius = math.min(size.width, size.height) / 8;
final center = Offset(50, 50);
Paint paintCircle = Paint()..color = Colors.black;
Paint paintBorder = Paint()
..color = Colors.white
..strokeWidth = size.width/36
..style = PaintingStyle.stroke;
canvas.drawCircle(center, radius, paintCircle);
canvas.drawCircle(center, radius, paintBorder);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
return …Run Code Online (Sandbox Code Playgroud)