是否可以在fabric.js中为路径设置动画?

时间:2016-10-10 13:34:43

标签: javascript animation html5-canvas fabricjs

我们可以通过以下方式使用fabric.js中的路径:

let path = new fabric.Path('M 0 0 L 100 100 Z', {});

canvas.add(path);

或者我们可以通过不透明度这样的属性为它们设置动画:

path.animate('opacity', 1, {
    onChange: canvas.renderAll.bind(canvas)
});

有没有办法为路径中每个点的连接设置动画?在这种情况下,是否可以看到从(0,0)到(100,100)的路径。这是一个愚蠢的例子,我可以通过使用路径之外的其他东西轻松实现这个结果,但我想知道我是否可以通过这种方式来设置带有路径的更复杂的东西。

1 个答案:

答案 0 :(得分:0)

不,你不得不自己做动画并在一段时间内更新路径数据。