鼠标悬停在贝塞尔曲线上

Mouse Over Bezier Curve

本文关键字：曲线悬停鼠标更新时间：2023-09-26

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

我宁愿不使用任何外部图书馆（出于教育目的）；

这个答案是几年前写的，因为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/

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