如何在Dart中加载图像

我正在尝试Dart语言和HTML5画布元素，但我遇到了一个问题。我不知道如何在Dart中加载图像。我可以得到CanvasRenderingContext2D，用它我可以调用fillText（）和fillRect（），一切都可以正常工作，但我正在尝试找出如何加载图像并使用drawImage绘图。

创建并加载图像

ImageElement image=newimageelement（src:“my_image.png”）；
image.onLoad.listen（（e）{
//加载图像后绘制
});

加载后在画布上绘制上面的图像

context.drawImage（image，destX，destY）；

更新的图像加载语法：

readFile（）{
ImageElement image=新的ImageElement（src:“plant.png”）；
document.body.nodes.add（image）；
image.onLoad.listen（onData，onError:onError，onDone:onDone，cancelOnError:true）；
}
昂达塔（事件e）{
打印（“成功：”）；
}
onError（事件e）{
打印（“错误：$e”）；
}
onDone（）{
打印（“完成”）；
}

这是另一种方法：

void main（）{
ImageElement image=新的ImageElement（src:“pic.png”）；
img.onLoad.listen（onData）；
听一听（听一听）；
}
void onData（事件e）{
打印（“加载成功”）；
}
无效单错误（事件e）{
打印（“错误：$e”）；
}

Hi，我是dart新手，当我尝试image.on.load.add函数时，我收到一个错误，指出“load”不是事件的成员。此外，代码暗示对此也没有多大帮助。我正在使用Dart编辑器版本0.4.2_r20259和Dart SDK版本0.4.2.8_r20259。好的，我找到了原因：dartlang core有一个更新。现在“image.on.load.add”应该写为“image.onLoad.listen”。自从Dart的M1被发布以来，语法已经更改为在文件名（新的ImageElement（src:“my_image.png”）；之前添加“src:”），否则这将导致运行时错误。