canvas画布实现拖拽碰撞 canvas之isPointInPath解析

isPointInPath():判断指定的坐标点是否在canvas绘制的路径中,如果在返回true,如果不在返回false,只能判断最后一个绘制的封闭路径

注意:strokeRect()   fillRect();这两个方法不适用于isPointInPath()

在canvas画布中所有的移动,都是通过清空画布重新绘制的,并不是向js中的dom元素一样移动,可以通过设置某一个具体对象的left值或者top值让其移动,在canvas中是通过每次清空画布,再次绘制,事件间隔很短,看起来像是连续的,

如下:要想拖拽某个元素在画布中移动,就需要如下操作




	
	Document
	


	


 

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