下面介绍如何用mouse事件方法来实现对canvas中图片的拖动
工具/原料
chrome
方法/步骤
1
新建html页
2
定义要用到的全局变量，为了方便，大部分参数都以全局变量的形式存在cbool判断是否可以拖动currentx，currenty当前图片的位置
3
绘制一个长方形每次画完都把当前的位置赋值给currentx，currenty
4
获得鼠标点击位置在canvas中的位置函数
5
鼠标点击位置是否在长方形内
6
mousedown和up事件，如果鼠标点击在长方形内cbool置为true
7
mousemove事件当cbool为true的情况下，在当前鼠标位置重新绘制长方形
8
完成，鼠标点击在长方形上拖动，就能看到效果
注意事项
如有误，请指正
下一篇：腰果这样吃才最有营养