このブログlineTo
のようなキャンバスとメソッドを使用して、長方形、三角形、六角形などのさまざまな形状を描いています。図形内をクリックしたかどうかを簡単に見つける方法が欲しいだけです。形状を色で塗りつぶし、クリックした点にこの色があるかどうかを確認することでそれを行うことができますが、塗りつぶしの方法は使用したくありません。それを行う他の方法はありますか?
isPointInPathも見つかりましたが、機能しませんでした。
このブログlineTo
のようなキャンバスとメソッドを使用して、長方形、三角形、六角形などのさまざまな形状を描いています。図形内をクリックしたかどうかを簡単に見つける方法が欲しいだけです。形状を色で塗りつぶし、クリックした点にこの色があるかどうかを確認することでそれを行うことができますが、塗りつぶしの方法は使用したくありません。それを行う他の方法はありますか?
isPointInPathも見つかりましたが、機能しませんでした。
http://kineticjs.com/ (イベント セクションを確認してください) などのキャンバス フレームワークを試して、すぐにクリック可能な要素をサポートするか、2 つの関数を記述する必要があります。キャンバス要素(ここで説明したものを使用しました:https://stackoverflow.com/a/5932203/532102)、返されたマウス座標がキャンバス上の形状と交差するかどうかをチェックする別の関数を書いた後。
ここでチェックイン:
Javascript チェック円または多角形の内側でマウス クリック
meouw回答は確実に機能します。私はそれをテストし、機能することを保証します。他にもいくつかの解決策があり、賛成票が投じられているようです。おそらくそれらを試すことができます。