利用canvas实现鼠标拖拽效果的一种方法

利用canvas实现鼠标拖拽功能,当在元素上按下鼠标并移动时,元素跟着鼠标移动。

效果:

利用canvas实现鼠标拖拽效果的一种方法_第1张图片

主要思路:

当鼠标按下时,用isPointInPath方法判断鼠标位置是否在元素上,如果在则鼠标移动时元素跟着移动;当鼠标抬起时,将鼠标移动事件和抬起事件置空。

代码如下:


	


你可能感兴趣的:(canvas)