画布中的鼠标偏移[fabric.js]

Question

我已经阅读了关于鼠标偏移的3-5个主题,但我仍然无法得到混乱的地方.

在我的情况下,一切正常,60%.在其他40%的鼠标是抵消.在这里演示.

有时对象位置与鼠标行为无关.(IE和Chrome有最大的混乱)

我试过编辑样式表和父div但什么都没有.最糟糕的事情:我没有看到任何规律性.我会很乐意帮助你.

Answer 1

你可以这样做:

canvas.on("after:render", function(){ canvas.calcOffset() });

我只在创建画布后才这样做.当没有调整大小事件时,这是临时调用.那就是bug出现的时候.

Answer 2

真是难以置信！我已经修复了这个错误。你永远不会相信我...

页面顶部的代码如下：

<div class="logo">
<a href="/"><img src="logo.png" alt="" /></a>
</div>

这段代码与canvas没有合理的关系。这个类有简单的CSS：{float: left; margin: 10px 0 0 0;}

但由于某种原因，此代码强制鼠标在画布中偏移。我重新编写了这段代码，如下所示：

<div class="logo">
<a href="/" class="logoHref"></a><!--- image is in css bg --->
</div>

...现在一切都运转良好。

我不认为这些事件之间有任何关联，但事实就是事实。那对我来说真是艰难的一天...