image - 如何在 dart 的 canvas2d 中缓存稍后要绘制的图像？

Question

所以，我了解了如何使用 dart 在 Canvas 中绘制图像，它是这样的:

    ///create the image element with given source
    ImageElement myImage = new ImageElement(src:"myImage.png");

    ///load the image
    myImage.onLoad.listen((event){
         ///when the image is loaded, draw it
         myContext.drawImage(myImage, 0, 0);
    });

但是，您如何在以后绘制图像？

例如，假设我有一个图像列表:

    List<ImageElement> myImageList;

然后我想在给定源的情况下一个一个地加载我所有的图像元素。完成后，只要我愿意，我就可以走了:

    myContext.drawImage(myImageList[i], x, y);

这段代码不在 onLoad.listen 方法中。

Answer 1

您可以使用 Future.wait在每张图片上等待 onLoad :

Future.wait(myImageList.map((e) => e.onLoad.single)).then((_){
  myContext.drawImage(myImageList[i], x, y);
  // or call function that assumes that images are loaded
});