Flutter 在颤振中绘制Base64编码图像作为画布背景

Flutter 在颤振中绘制Base64编码图像作为画布背景,flutter,flutter-layout,flutter-canvas,Flutter,Flutter Layout,Flutter Canvas,我的代码面临两个问题: 1) 我无法在画布中添加Base64编码字符串图像作为背景。 2) 我在画布上用徒手画的任何东西都不是在画布的底部边缘剪裁 希望在完成上述两项任务时能得到一些帮助。我也附上了我现有的代码 ============================================================= 更新: 所以,我终于设法在画布上添加了图像,谢谢你的帮助。我遇到的问题是约束容器中的图像,而不管图像大小如何。为了更好地说明我的问题,我附上了两种不同图像大小的

我的代码面临两个问题:

1) 我无法在画布中添加Base64编码字符串图像作为背景。

2) 我在画布上用徒手画的任何东西都不是在画布的底部边缘剪裁

希望在完成上述两项任务时能得到一些帮助。我也附上了我现有的代码

============================================================= 更新: 所以,我终于设法在画布上添加了图像,谢谢你的帮助。我遇到的问题是约束容器中的图像,而不管图像大小如何。为了更好地说明我的问题,我附上了两种不同图像大小的截图:


您是否尝试对字符串进行Base64解码?二进制图像的格式是什么?BMP,PNG?(希望是受支持的工具之一。)使用
instantialeimagecodec
将二进制PNG转换为
ui.Image
(注意,这与
Image
小部件不同)。最后,使用
drawImage
将其绘制到画布上;如果(decodedImage!=null)canvas.drawImage(decodedImage,偏移量(0,0),画笔);我得到错误:未处理的异常:类型“Codec”不是类型“Image”的子类型也已尝试:将“dart:ui”导入为ui;var decodedImage=await UI.instantialeimagecodec(base64Decode(image));但错误是一样的,因为它是一个
编解码器
wait codec.getNextFrame()
会给你一个
FrameInfo
,它有一个
image
getter来给你图像。你能不能给我一些代码片段,让我更好地了解我应该做什么,比如我在哪里写这个getNextFrame函数,我觉得有点难理解。我尝试了以下方法:decodedImage=await(await UI.instantialeimagecodec(base64Decode(image))).getNextFrame();但不起作用