课程
/前端开发
/Html5
/炫丽的倒计时效果Canvas绘图与动画基础
比如用canvas画了一个圆之后，怎么获取这个对象比如绑定一个事件，点击这个圆就会弹出提示等等
2017-05-26
源自：炫丽的倒计时效果Canvas绘图与动画基础 2-3
正在回答
在Canvas上绘制多少图形，Canvas都是一个整体，绘画的图形是Canvas的一部分，不能单独获取，所以无法直接给某个图形增加JavaScript事件。可以通过给Canvas元素绑定事件，当事件发生时，检查事件对象的位置，然后检查哪些图形覆盖了该位置。鼠标点击了在了这个范围内，视为点击了这个图形。可以一定程度的上的达到效果
死之外科医生 提问者
获取鼠标的位置，用clientX，clientY，分别代表鼠标距浏览器视口的水平距离和垂直距离，进行碰撞检测的时候才需要用到offsetLeft，offsetTop，还有一个容易搞混的是pageX，pageY，建议可以查阅相关的资料，很好理解的。
举报
学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力
1 回答对象不支持push方法
1 回答七巧板对象
4 回答canvas能不能用极坐标来表示圆
2 回答不符合能量守恒
3 回答css不能指定分辨率？
