【实例】【html5】在canvas获取鼠标的坐标

方法

使用onmousemove来实时获取当前鼠标移动事件,以刷新新的坐标
使用canvas.getBoundingClientRect()获取当前画布的位置信息

实现

在线演示



	
		
		
		
	
	
	
		



值得注意的是:当canvas的表面积和实际显示的像素值不同的时候(如用css把120px*60px的canvas扩大到了1200px*600px,此时显示像素还是120*60,但是canvas的长宽已经变了)

你可能感兴趣的:(html5-canvas)