fabricjs - 循环和画布放置中的多个图像

Question

我在使用 FabricJS 时遇到了一个奇怪的情况。

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

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

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

提前致谢。

Answer 1

在循环内部将坐标传递给闭包函数并使用 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);
});