由于在canvas中整个canvas是作为一个画布，而且其中画出的各种图形都无法将其作为一个对象通过事件绑定的形式进行交互，所以在canvas中的事件绑定是直接绑定在canvas上，然后通过对用户在canvas画布上操作的坐标的判断进行交互。

其中最基本的方法如下

a、对canvas标签进行事件绑定，JS以及jQuery都成

b、获取在画布上用户操作的坐标

var x = event.clientX - canvas.getBoundingClientRect().left;

var y = event.clientY - canvas.getBoundingClientRect().top;

它是通过计算用户在整个页面的操作坐标与canvas在页面的左上边距进行计算的