如何加载在DART图像(How to load an image in 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");
  }

Answer 3:

这是另一种方式来做到这一点：

void main() {
  ImageElement image = new ImageElement(src: "pic.png");
  img.onLoad.listen(onData);
  img.onError.listen(onError);
}

void onData(Event e) {
  print("Load success");
}

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

文章来源: How to load an image in Dart