请问 canvas 画出多个相互碰撞的小球，怎么在每个小球上添加事件

Question

canvas 在画布画出多个小球碰撞，请问如何给小球添加点击事件？

据我所知，画布上添加事件实际上获取画布上的某个区域来固定一个事件？是否小球不断改变位置就不可以加了？除非每个小球的活动空间是固定的？
谢谢。

Answer 1

canvas上画的球 你肯定能获取到球的圆心坐标，只需要判断你鼠标点击的点和圆心的距离， 是否小于半径，小于半径就说明在圆内 就可以出发点击事件

Answer 2

每个球都含有自身的坐标和半径等信息，在用户点击的时候对所有的球进行遍历，看看是否达到要求。

Answer 3

把每个球当作一个对象，拥有自己的宽高半径。每秒计算位置，如果和别的球的距离小于半径，就说明碰撞了