Html5Canvas初探学习笔记(15)-鼠标事件

本篇完成这样一个例子，让主角随着鼠标移动，效果如下：

首先用如下代码获得坐标，如下代码使用于各种浏览器：

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) -鼠标事件的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！

查看更多关于Html5Canvas初探学习笔记(15)-鼠标事件的详细内容...