javascript - Fabricjs 路径在鼠标松开之前不会呈现

Question

创建 spritesheet 图像并将其动画化为 fabricjs 后(1.5)canvas通过调用

(function render() {
  self.fabricCanvas.renderAll();
  fabric.util.requestAnimFrame(render);
})();

当尝试freeDraw新时 paths这些仅在 onmouseup 上呈现。

这是为什么？我该如何解决？谢谢。

Answer 1

您不清楚您使用的fabricjs是什么版本。

renderAll 函数正在清理发生绘制的 upperCanvas 层。

当您释放鼠标按钮时，将创建一条路径并将其像其他对象一样添加到 Canvas 中。从那一刻起，renderAll 也将渲染您新创建的路径，而在此之前它只是清除您正在绘制它的表面。

在fabricjs的问题跟踪器上有相同行为的通知

https://github.com/kangax/fabric.js/issues/2723

修复:

https://github.com/kangax/fabric.js/pull/2895