如何在 HTML5 Canvas 中處理 mousedown 和 mouseup

要使用 HTML5 Canvas 處理 mousedown 和 mouseup 事件，

var mouseDown = false;

// for mousedown
canvas1.onmousedown = function(event){
   dragOffset.x = event.x - mainLayer.trans.x;
   dragOffset.y = event.y - mainLayer.trans.y;
   mouseDown = true;
}

// for mouseup
canvas1.onmouseup = function(event){
   if(mouseDown) mouseClick(eevent
   mouseDown = false;
}

Daniol Thomas

更新於： 2020 年 1 月 27 日

689 次瀏覽

啟動你的 職業生涯

完成課程獲得認證

開始