javascript - "mouse:over"未触发并且 "mouse:down"使用 FabricJS 返回未定义的目标

Question

这是我的问题；我正在尝试显示“标记”，并在鼠标悬停/移出/单击上进行一些操作。

问题是，根本没有任何事件在over上触发，当在控制台中单击(向下)时，我收到了一些反馈，但不是每个元素的反馈说(目标==未定义)。

我的不同形状是一组称为“标记”的组。我将所有内容分组如下:

marker.add(plateShape, plateLabel, line, indicator);

使用时

marker.addWithUpdate(plateShape, plateLabel, line, indicator);

我得到了一些反馈(充其量只是挑剔)，但布局完全困惑了。

您可以注释/取消注释第 86 行来检查以下 fiddle 中的行为。

https://jsfiddle.net/u7x7az1j/5/

感谢您的帮助! :)

Answer 1

问题来自于您使用add。

将 add 替换为 addWithUpdate，并注意 addWithUpdate 一次接受一个参数。

marker.addWithUpdate(plateShape);
marker.addWithUpdate(plateLabel);
marker.addWithUpdate(line);
marker.addWithUpdate(indicator);

我试过你的 fiddle ，它有效。考虑用可以轻松构建的简单参数 fabric.Path 替换矩形 + 三 Angular 形 + 直线。