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

Posted 2023-03-25

【中文标题】是否可以在 fabric.js 中为路径设置动画？

【英文标题】：Is it possible to animate the path in fabric.js?

【发布时间】：2017-02-18 22:49:29

【问题描述】：

我们可以通过以下方式在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】：

不，您必须自己制作动画并在一段时间内更新路径数据。