3

FabricJS我正在画布库之上构建一个图表库。到目前为止,一切都运行良好,如图所示:

在此处输入图像描述

但是,我已经开始实施click事件并遇到了问题。由于某种原因,点击事件无法完全发挥作用——它在某些地区有效,而在另一些地区则无效。例如,对于底部绘图区域(<div>with <canvas>inside),单击事件的工作方式非常尴尬:当我单击绿色区域时,它说我单击了紫色区域,而蓝色区域的前 100 个奇数像素没有发出单击事件:(。另一方面,顶部情节区域运作良好。

我已经完全阅读了整个文档FabricJS并且知道它的陷阱,但我不知何故无法理解为什么会发生这种情况。我已经看到人们path.setCoord()为了刷新路径坐标而调用,但这并没有帮助。

还有一件事,因为我正在编写GWT模块,所以我需要在其中编写JSNI包装器,JS但我相信我做得对。

我可能忽略了一些事情FabricJS吗?

更新:

Generated HTML: 在此处输入图像描述

Bounding box - blue region in lower plot area

在此处输入图像描述

完全相同的边界框位于上部蓝色区域:-/

4

1 回答 1

2

用于canvas.calcOffset()重新计算画布元素的正确位置。

于 2013-10-24T07:12:02.793 回答