canvas之滑鼠事件

2021-06-26 07:14:58 字數 699 閱讀 7624

canvas的滑鼠事件無法直接獲取滑鼠在canvas上的座標,所獲得的座標是相對於整個螢幕的座標,所以,想得到滑鼠在canvas上的座標時,就必須進行轉換。

使用getboundingclientrect方法,得到canvas在螢幕上的位置及大小資訊:

clientrect 

bottom: 486

height: 300

left: 8

right: 1358

top: 186

width: 1350

__proto__: clientrect

通過當前滑鼠的座標和clientrect的資訊對比,得出滑鼠在canvas上的位置:

function getpointoncanvas(canvas, x, y) ; 

}

demo的源**如下:

演示canvas的滑鼠事件

canvas上滑鼠事件中不能直接獲取滑鼠在canvas的座標,所獲取的都是基於整個螢幕的座標

move 滑鼠座標:

down 滑鼠座標:

up 滑鼠座標:

效果圖如:

jQuery事件之滑鼠事件

滑鼠事件是在使用者移動滑鼠游標或者使用任意滑鼠鍵點選時觸發的。1 click事件 click事件於使用者在元素敲擊滑鼠左鍵,並在相同元素上鬆開左鍵時觸發。p click function 2 dbclick事件 dbclick事件在使用者完成迅速連續的兩次點選之後觸發,雙擊的速度取決於作業系統的設定...

webdriver之滑鼠事件和鍵盤事件

在使用滑鼠操作方法需要匯入actionchains類 from selenium.webdriver.common.action chains import actionchains actionchains類提供了滑鼠操作的常用方法 perform 執行所有actionchains中儲存的行為 c...

WPF 之 滑鼠雙擊事件

由於wpf中沒有滑鼠的雙擊事件,因而只能通過mousedown事件來模擬。當連續的兩次mousedown事件的時間間隔,沒有超過乙個設定的時間閾值時,就計算為乙個雙擊事件,並作相應的處理。利用wpf中system.windows.threading.dispatchertimer來做定時處理,不建議...