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();

 }