Javascript 使用HTML5画布进行不规则图像拖放

我希望能够用HTML5编写一个类似于以下内容的应用程序

---

不过，该演示的问题是鼠标悬停事件只对动物周围的矩形准确。有没有更精确的方法，无论是在KinectJS中还是在其他地方？

通常有两种方法：

将自定义路径与每个图像一起用作手动定义的复选框，然后使用is路径点算法 使用幽灵画布或任何你喜欢称之为它的东西，正如我在中详细介绍的。忽略新教程的链接，旧教程使用您想要的内容。

---

这里的第一种方法速度更快，但需要更多的代码和手动工作。第二种方法是像素完美的，但速度要慢得多。尽管如此，如果您没有大量的对象，它可能适合您的需要。

我一直在尝试方法1，它似乎进展顺利。谢谢