鼠標在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/

如果您不想使用其他庫並且速度仍然很快，可以嘗試以下方法。