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

 

 }