canvas教程

HTML5 Canvas 教程十三

字号+ 作者:H5之家 来源:H5之家 2015-10-08 19:00 我要评论( )

译者注:HTML5 并没有提供 canvas 的鼠标消息处理API,但还是可以用 Javascript 的消息捕捉功能来实现对鼠标事件的监听与相应。 2.5.1 鼠标坐标 为了获取鼠标在 canvas 中的相对位置,我们在这里创建了一个 getMousePos() 方法,在此方 法中根据鼠标的位置、

译者注:HTML5 并没有提供 canvas 的鼠标消息处理API,但还是可以用 Javascript 的消息捕捉功能来实现对鼠标事件的监听与相应。

2.5.1 鼠标坐标

为了获取鼠标在 canvas 中的相对位置,我们在这里创建了一个 getMousePos() 方法,在此方

法中根据鼠标的位置、canvas的位置以及页面的偏移量来计算出鼠标相对于canvas的位置。

效果

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • fd详细教程|Excel_VBA_详细教程

    fd详细教程|Excel_VBA_详细教程

    2017-05-02 18:01

  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • SketchBook 2014 基础入门视频教程

    SketchBook 2014 基础入门视频教程

    2017-05-01 11:00

网友点评