如何实现html5 canvas图片移动到鼠标点击位置

1、新建html页

3、绘制一个简单的长方形绘制函数，每次画完都把当前的位置赋值给currentx，currenty

5、鼠标点击事件1 position = getPositionOnCanvas(container, 髫潋啜缅event.offsetX, event.offsetY); 获得鼠标点击位置2 var distance... 获得两点间的距离3 获得xy轴运行方向4 计算xy轴每一步的运行距离5 绘制下一步

7、完成，鼠标在canvas内点击，可以看到长方形的移动效果