javascript - 鼠标悬停在贝塞尔曲线上

Question

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

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

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/

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