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/

他のライブラリを使用したくなくても高速である場合は、次のアプローチを試すことができます。