dart - 使用 ImageElement 绘制图像

Question

工作:(文档有一个带有 id="img"src="img.png"的 img 标签，并且它工作)

  void test() {
    ImageElement img = query('#img');
    context.drawImage(img, 0, 0);
  }

不工作:

  void test() {
    ImageElement img = new ImageElement(src: 'img.png');
    context.drawImage(img, 0, 0);
  }

那么，为什么我不能使用文档中的“new ImageElement”而不是“query”？

Answer 1

问题在于，在您调用drawImage 时图像尚未加载(与将图像嵌入到页面中并在 dart 代码运行之前加载时相反)。您应该监听 onLoad 流并仅在加载图像后绘制图像:

  ImageElement img = new ImageElement(src: "img.png");
  img.onLoad.listen((value) => context.drawImage(img, 0, 0));