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

在Fabric.js中制作动画图像

1 个答案: