英文原版： 2.5 鼠标 译者注：HTML5 并没有提供 canvas 的鼠标消息处理API，但还是可以用 Javascript 的消息捕捉功能来实现对鼠标事件的监听与相应。 2.5.1 鼠标坐标 为了获取鼠标在 canvas 中的相对位置，我们在这里创建了一个 getMousePos() 方法，在此方
英文原版：
2.5 鼠标
译者注：HTML5 并没有提供 canvas 的鼠标消息处理API，但还是可以用 Javascript 的消息捕捉功能来实现对鼠标事件的监听与相应。
2.5.1 鼠标坐标
为了获取鼠标在 canvas 中的相对位置，我们在这里创建了一个 getMousePos() 方法，在此方法中根据鼠标的位置、canvas的位置以及页面的偏移量来计算出鼠标相对于canvas的位置。
效果
代码
context context.canvas.context.context.context. obj left while top += obj.offsetTop; left += obj.offsetLeft; obj left mouseY x: mouseX, y: mouseY window.canvas context canvas.evtmousePos message mousePos.mousePos.y; writeMessage
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
fd详细教程|Excel_VBA_详细教程
2017-05-02 18:01
html5canvas核心技术图形、动画与游戏开发源码
2017-05-02 17:42
打印html5中Canvas的方法
2017-05-01 15:03
SketchBook 2014 基础入门视频教程
2017-05-01 11:00
网友点评
精彩导读
热门资讯
关注我们
