如何在Dart中加载图像

Question

我正在尝试使用Dart语言和HTML5 Canvas元素,但我遇到了一个问题.我不知道如何在Dart中加载图像.我可以得到CanvasRenderingContext2D,并且我可以调用fillText()和fillRect(),一切正常,但我想弄清楚如何加载图像并使用drawImage进行绘制.

Answer 1

创建并加载图像

ImageElement image = new ImageElement(src: "my_image.png");
image.onLoad.listen((e) {
    // Draw once the image is loaded
});

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

context.drawImage(image, destX, destY);

Answer 2

较新的图像onload语法:

readFile() {
    ImageElement image = new ImageElement(src: "plant.png");
    document.body.nodes.add(image);
    image.onLoad.listen(onData, onError: onError, onDone: onDone, cancelOnError: true);
  }

  onData(Event e) {
    print("success: ");
  }

  onError(Event e) {
    print("error: $e");
  }

  onDone() {
    print("done");
  }