首先要获取点击发生鼠标所在的坐标然后判断这个坐标是否在图形的范围内如果在，刚可以视为点击了该图形图形本身是不能响应事件的必须用canvas代理只是要判断的情况有时候很复杂如果这个点所在的位置有多个图形这就。

首先监听鼠标mousedown事件，等事件发生之后，再监听鼠标mousemove事件和mouseup事件 mousemove事件发生之后，获得鼠标移动的位移，相应的图片的位置改变多少 mouseup事件发生之后，取消对mousemove以及mouseup事件监听 canvasonmousedown=。

我觉得html5是最新一代的超文本标记语言，我对这个应用很有感触，平时做这个工作就已经很顺手了，现在要介绍它的优点，必须要到位啊HTML5Canvas实现各种炫酷的仪表盘动画 仪表盘包括指南针里程表体温计等，你可以通过。

1，添加事件监听，比如说，鼠标按下 做什么，滑动 做什么，弹起做什么一般鼠标事件都是判断弹起的位置 2，判断有效坐标，在事件中判断坐标位置是否在图片位置，也就是图片在canvas的位置exsome codecanvaswidth=400ca。

基本思路是给Canvas元素绑定事件，当事件发生时，检查事件对象的位置，然后检查哪些图形覆盖了该位置比如上面的例子里画过一个矩形，该矩形覆盖x轴10110y轴10110的范围只要鼠标点击在这个范围里，就可以视为点击了。

研究人员指出“Canvas指纹是浏览器指纹的最近研究成果，还没有被公开报道过我们的调查结果得出排名前的网站中5%都使用了这种技术HTML5 canvas不仅局限于图片处理，它还能监听用户的键盘输入鼠标移动以及触摸事件。