html5使用jquery的單擊事件

Question

我正在嘗試將點擊事件添加到使用jquery和html5的形狀中，但不僅僅是整個畫布可點擊的形狀。需要一些幫助。這是該項目

http://soumghosh.com/otherProjects/click.html

Answer 1

您必須編寫一些自定義代碼來處理Canvas中的鼠標事件。看看這個tutorial的「鼠標事件」部分，它可以處理您正在尋找的類似解決方案。

希望這會有所幫助！

Answer 2

按照以下過程：

1. 油漆的形狀在屏幕外層（另一帆布）具有透明背景（具有RGBA（0,0,0,0）填充
2. 讀畫布點擊X中，從canvas.onclick事件Y位置
3. 檢查屏幕外層的x，y座標：
   • 如果層（X，Y）= RGBA（0,0,0,0），則點擊是形狀外。
   • else shape is cl icked。