如何在画布圈中添加鼠标单击/拖动事件。在 HTML 5 中答案

【问题标题】：How to add a mouse click/drag event in a circle of canvas. in HTML 5如何在画布圈中添加鼠标单击/拖动事件。在 HTML 5 中
【发布时间】：2012-05-22 15:00:12
【问题描述】：

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

这完全是一个 Flash 应用程序

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

我需要使用 HTML 5 和 Java 脚本来做同样的事情我用画布来显示蓝色圆圈但无法使拖动的东西起作用。任何人都可以知道如何在画布的圆圈上添加拖动事件。

【问题讨论】：

标签： javascript html canvas drag-and-drop

【解决方案1】：

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

您可以阅读文章“Creating a Framework For Canvas: Objects and Mouse”了解它的内部工作原理，但最好使用公共框架。

【讨论】：