＆＃34;鼠标了：＆＃34;不开火和＆＃34;鼠标：向下＆＃34;使用fabricJS

Question

这是我的问题;我正试图展示＆＃34;标记＆＃34;并在鼠标悬停/退出/点击上进行一些操作。

问题是根本没有事件在 over 上被触发，而在控制台中点击（向下）时我得到一些反馈，但不是每个元素说（目标==未定义）。

我的不同形状是名为＆＃34; marker＆＃34;的组中的组。 我将所有内容分组如下：

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

使用时

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

我收到了一些反馈（最好是挑剔），但布局完全搞砸了。

您可以评论/取消注释第86行以检查以下小提琴中的行为。

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

感谢您的帮助！ ：）

Answer 1

问题来自您使用add。

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

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

我尝试了你的小提琴并且它有效。 考虑使用您可以轻松构建的简单参数fabric.Path替换rect + triangle + line。