貝塞爾曲線上的鼠標

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/

如果你不想用到其他庫，仍然有很大的速度，你可以試試下面的辦法。