本篇完成这样一个例子，让主角随着鼠标移动，效果如下：
update函数和上一篇一致，代码如下：
然后来看init的初始化部分，和上一篇的示例一样，代码如下：
然后分别定义mousedown，mousemove，mouseup，分别对应鼠标按下，移动和抬起。代码分别如下：
首先用如下代码获得坐标，如下代码使用于各种浏览器：
var mx,my;
if(ev.layerx || ev.layerx==0){
mx = ev.layerx;
my = ev.layery;
}else if(ev.offsetx || ev.offsetx==0){
mx = ev.offsetx;
my = ev.offsety;
}
然后检测鼠标坐标是否在图片的范围内，如果在范围内获得坐标偏移。
如果mousedown在图片范围内，在move中重新获得图片坐标，在抬起函数时释放，然后把函数注册到canvas中，完成本示例/
以上就是html5 canvas初探学习笔记(15) -鼠标事件的内容。