Несколько изображений в цикле и размещении на холсте

Я сталкиваюсь со странной ситуацией при использовании FabricJS.

1) Выполняется вызов AJAX для получения списка изображений с данными о местоположении их холста, т.е. X и Y. В списке много таких изображений. 2) В коде javascript у меня есть цикл, который зацикливает каждое изображение и помещает их на холст. 3) Проблема в том, что все изображения накладываются друг на друга, как будто все изображения получают координаты первого изображения.

Любые идеи, что может происходить?

Есть ли способ узнать, когда первое изображение загружается на холст, и только затем загружать следующее изображение, например сортировку обратного вызова.

Заранее спасибо.


fabricjs
person user1144596    schedule 28.06.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Внутри вашего цикла передайте координаты в функцию закрытия и используйте метод 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);
});
person arty    schedule 28.06.2013
comment
Я пробовал это, но не работает, просмотрите код, который я использую здесь: stackoverflow.com/questions/17442299/ - person user1144596; 03.07.2013
comment
Я написал. пожалуйста, используйте закрытие, это именно проблема. Прочитайте, что такое замыкание в javascript. я опубликую код в новой теме, чтобы помочь вам - person arty; 04.07.2013