鼠标在Bezier曲线上

Question

是否有任何简单的集成方法可以检测曲线上的鼠标悬停事件？ 我希望将bezier曲线添加到画布作为可移动和可编辑的元素，我需要一种方法来选择它们。

我宁愿不使用任何外部库（出于教育目的）;

Answer 1

这个答案是几年前写的，因为kinetic.js不再维护，链接不起作用。

您可以尝试concrete.js（http://www.concretejs.com）。

  

我会查看kinetic.js库。它是html5画布库，支持许多功能，包括曲线检测。你可以在这里尝试一些例子：

     

http://www.html5canvastutorials.com/labs/html5-canvas-curve-detection-tutorial/

     

http://www.html5canvastutorials.com/labs/html5-canvas-physics-engine-with-curve-detection/

     

http://www.html5canvastutorials.com/labs/html5-canvas-modify-curves-with-anchor-points-using-kineticjs/

     

如果您不想使用其他库并且速度仍然很快，可以尝试以下方法。