如何在 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 創建框架：對象和鼠標”以了解其內部工作原理，但最好使用公共框架。