Несколько изображений в петле и холсте.

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); 
});