canvas 鼠標交互

canvas 鼠標交互

 

 

獲取鼠標相對於 canvas位置的方法：

 

 

 

var x=event.clientX-canvas.getBoundingClientRect().left;

 

var y=event.clientY-canvas.getBoundingClientRect().top;

 

 

 

if(context.isPointInPath(x,y)){//檢測鼠標點擊的位置是否是在圖形中，若是是，填充爲紅色

 

context.fillStyle = 「red」;

 

context.fill();

 

 }