将事件绑定到顶部具有画布的图像

Question

我在HTML文档中有一个图像，在其顶部有一个绝对定位的Canvas元素，以允许我绘制图像。这看起来可能是不好的做法，但我也使用了一个JavaScript库，当您将鼠标悬停在图像上时，它会为图像添加效果。出于这个原因，我不能简单地将图像绘制到画布上。

但是，让Canvas在前面打破JavaScript库，因为图像不再生成鼠标悬停事件。

有什么办法让这两个位的功能同时？

（如果需要的话，我可以指定我到底是什么问题，但答案是更有用，当他们是通用的。）

Answer 1

您可以使用jQuery.trigger或dispatchEvent与initMouseEvent图像手动启动事件。

Answer 2

简单的方法来做到这一点事件绑定到画布上，然后跟踪务实如果内绑定图像的光标...

Answer 3

最后，我将图像作为画布的CSS背景，然后有一个透明png在顶部绑定事件并跟踪移动。

我最终还是根据自己的需要修改了库，因为我找不到其他方法。