Javascript 在Fabric.js中设置图像动画

热爱织物，并努力抓住一切

我的总体目标是展示正在钻探的油井。我有很多问题，但第一个问题是“如何设置图像对象的动画？”

我有：

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

如果我用另一个索引替换项索引，使其表示文本或矩形，则在选择图像时效果很好，但没有效果。有人能解释一下吗

---

谢谢

Kangax在Google group上回答了这个问题

解决办法是：

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