如何在 canvas 的圆圈中添加鼠标单击/拖动事件。 在 HTML 5

Question

需要在 canvas 中使用 java 脚本添加拖放效果。 示例可以在以下链接中看到http://ypublisher.eu/ctrl.php/portal/sample?url=media/Math_module/index.htm

这完全是一个 flash 应用程序

请看带有表情的蓝色圆圈。 可以单击和拖动圆圈。 在拖动带有箭头的线时，会创建并可以与任何其他圆圈连接。

我需要使用 HTML 5 和 Java 脚本进行相同的操作，我使用了 canvas 来显示蓝色圆圈，但无法使拖动的东西起作用。 任何人都可以知道如何在 canvas 的圆圈上添加拖动事件。

Answer 1

最好的方法是使用一些 canvas 框架，例如LibCanvas ，有很多交互形状的例子，包括圆形。

您可以阅读文章“ 为 Canvas 创建框架：对象和鼠标”以了解其内部工作原理，但最好使用公共框架。