可拖动 DIV 中的 Fabricjs

Posted 2023-05-08

【中文标题】可拖动 DIV 中的 Fabricjs

【英文标题】：Fabricjs in draggable DIV

【发布时间】：2013-06-29 01:10:45

【问题描述】：

我在可拖动 (jquery-ui) DIV 中有一个 fabricjs 画布。但是，当我拖动 div 时，画布坐标变得疯狂，我无法再与之交互。

知道如何防止这种行为吗？

谢谢

【参考方案1】：

拖动后，让canvas知道你正在重新定位它的div：

canvas.calcOffset();

【讨论】：

是的，这有帮助。然而，我还有另一个问题。如果我不拖动而是将任何内容附加到文档中，并且通过移动画布的位置，效果是相同的。有没有办法检测到画布或其容器改变位置？

我不太确定你的意思，但是如果你需要在画布重新渲染时检测+calcOffset，你可以使用这个：canvas.on("after:render", function( ) canvas.calcOffset(); );