修复 fabric js 动画演示

Question

我是 fabricjs 的新手。我期待画一条线，上面有一个圆圈。

我发现这个 Demo 非常有用，但我不知道为什么十字没有动画。我认为他们应该改变尺寸。

谁能告诉我如何修复这个演示？还是我做错了什么？

谢谢。

Answer 1

引入了 fabricjs 1.7.0 object caching。看起来在动画演示中，十字架正在从缓存中重新绘制，因此它们不会更新。对于一个快速而肮脏的解决方案，如果您在对象级别禁用缓存（通过将 objectCaching 设置为 false），该演示将再次运行。或者，您可以在每个对象上设置 dirty 标志，让它知道该对象已更改。比如demo中的timeout，稍微修改一下：

canvas.forEachObject(function(obj){
    obj.animateWidthHeight();
    obj.dirty = true;
});

http://jsfiddle.net/7gvJG/139/

修复 fabric js 动画演示

Fix fabricjs Animating Demo

fabricjs