用canvas画的曲线如何添加点击事件？

Question

svg的path可以添加点击事件，但是canvas画的曲线怎么添加点击事件呢？曲线上的各个坐标点都不太好计算，求指教。

Answer 1

先获取鼠标点击相对于Canvas画布的坐标，开启一个新的路径、绘制你的曲线，再通过context.isPointInPath判断当前点击坐标是否在当前路径中
                            

Answer 2

在事件中通过context.isPointInPath方法判定鼠标在哪个路径上。为此你需要维护一个路径数组，用以保存每条线的context。