【问题标题】:Is it possible to animate the path in fabric.js?是否可以在 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) 的路径。这是一个愚蠢的例子,我可以通过使用路径以外的东西轻松实现此结果,但我想知道是否可以通过这种方式使用路径为更复杂的东西制作动画。

【问题讨论】:

    标签: javascript animation html5-canvas fabricjs


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-01-14
      • 2015-10-22
      • 2012-01-22
      • 1970-01-01
      • 1970-01-01
      • 2020-01-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多