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