循环中的多个图像＆amp;画布放置

Question

使用FabricJS时遇到一种奇怪的情况。

1）进行AJAX调用以获得具有其画布位置数据的图像列表，即X＆amp; Y.列表中有许多这样的图像。 2）在javascript代码中，我有循环，循环每个图像并将它们放在画布上。 3）问题在于所有图像都堆叠在一起，就像所有图像都获得第一张图像的坐标一样。

任何想法可能会发生什么？

有没有办法知道第一个图像何时加载到画布上，然后才加载下一个图像，如回调排序。

提前致谢。

Answer 1

在循环内部将坐标传递给closure函数并使用fabric.image.fromurl方法。就像示例和教程中的代码一样

fabric.Image.fromURL('my_image.png', function(oImg) {
  // scale image down, and flip it, before adding it onto canvas
  oImg.scale(0.5).setFlipX(true);
  canvas.add(oImg);
});