首先要獲取點擊發(fā)生鼠標所在的坐標然后判斷這個坐標是否在圖形的范圍內(nèi)如果在，剛可以視為點擊了該圖形圖形本身是不能響應(yīng)事件的必須用canvas代理只是要判斷的情況有時候很復(fù)雜如果這個點所在的位置有多個圖形這就。

首先監(jiān)聽鼠標mousedown事件，等事件發(fā)生之后，再監(jiān)聽鼠標mousemove事件和mouseup事件 mousemove事件發(fā)生之后，獲得鼠標移動的位移，相應(yīng)的圖片的位置改變多少 mouseup事件發(fā)生之后，取消對mousemove以及mouseup事件監(jiān)聽 canvasonmousedown=。

我覺得html5是最新一代的超文本標記語言，我對這個應(yīng)用很有感觸，平時做這個工作就已經(jīng)很順手了，現(xiàn)在要介紹它的優(yōu)點，必須要到位啊HTML5Canvas實現(xiàn)各種炫酷的儀表盤動畫 儀表盤包括指南針里程表體溫計等，你可以通過。

1，添加事件監(jiān)聽，比如說，鼠標按下 做什么，滑動 做什么，彈起做什么一般鼠標事件都是判斷彈起的位置 2，判斷有效坐標，在事件中判斷坐標位置是否在圖片位置，也就是圖片在canvas的位置exsome codecanvaswidth=400ca。

基本思路是給Canvas元素綁定事件，當事件發(fā)生時，檢查事件對象的位置，然后檢查哪些圖形覆蓋了該位置比如上面的例子里畫過一個矩形，該矩形覆蓋x軸10110y軸10110的范圍只要鼠標點擊在這個范圍里，就可以視為點擊了。

研究人員指出“Canvas指紋是瀏覽器指紋的最近研究成果，還沒有被公開報道過我們的調(diào)查結(jié)果得出排名前的網(wǎng)站中5%都使用了這種技術(shù)HTML5 canvas不僅局限于圖片處理，它還能監(jiān)聽用戶的鍵盤輸入鼠標移動以及觸摸事件。