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

如果我用另一個替換項指標，它表示文本或矩形它工作正常，但沒有當我選擇圖片。有人可以解釋嗎？

謝謝

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