能不能获取对象
来源：2-3 绘制弧和圆
死之外科医生
2017-05-26 14:51
比如用canvas画了一个圆之后，怎么获取这个对象比如绑定一个事件，点击这个圆就会弹出提示等等
写回答
关注
2回答
-
- zhujun2310
- 2017-05-26 16:13:24
在Canvas上绘制多少图形，Canvas都是一个整体，绘画的图形是Canvas的一部分，不能单独获取，所以无法直接给某个图形增加JavaScript事件。可以通过给Canvas元素绑定事件，当事件发生时，检查事件对象的位置，然后检查哪些图形覆盖了该位置。鼠标点击了在了这个范围内，视为点击了这个图形。可以一定程度的上的达到效果
-
- zhujun2310
- 2017-05-26 17:31:05
获取鼠标的位置，用clientX，clientY，分别代表鼠标距浏览器视口的水平距离和垂直距离，进行碰撞检测的时候才需要用到offsetLeft，offsetTop，还有一个容易搞混的是pageX，pageY，建议可以查阅相关的资料，很好理解的。
炫丽的倒计时效果Canvas绘图与动画基础
学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力
96746 学习 · 1000 问题
相似问题