Анимационный снимок в Fabric.js

Question

Любящая ткань и пытаясь справиться со всем этим.

Моя общая цель - показать сверление скважины. У меня много вопросов, но первым из них является «как я могу анимировать объект изображения?»

у меня есть:

var drillBit = new fabric.Image.fromURL('assets/images/drillBit.jpg',function(img){ 
    img.scale(0.5).set({left:400, top:0}); 
    canvas.add(img); 
}); 

, а затем я называю:

(function animate() { 
    canvas.item(9).top+=1; 
    canvas.renderAll(); 
    fabric.util.requestAnimFrame(animate); 
})(); 

Если я заменить индекс элемента с другим так, что он представляет собой текст или прямоугольник он работает нормально, но ничего, когда я выбираю изображение. Может кто-нибудь объяснить, пожалуйста?

Thanks

Answer 1

Kangax ответил на это в группе Google.

Решение заключается в следующем:

var drillBit = new fabric.Image.fromURL('assets/images/drillBit.jpg',function(img){ 
img.scale(0.5).set({left:400, top:0}); 
canvas.add(img); 
//animate the drill 
(function animate() { 
    img.top+=1; 
    canvas.renderAll(); 
    fabric.util.requestAnimFrame(animate); 
})(); 
});