キャンバス要素の異なる部分のクリックを検出することはできますか？

Question

キャンバス要素内に、キャンバスに円と矩形があり、両方をクリックして別のものを実行したいとします。これらの2つのクリックを区別することは可能ですか？

Answer 1

それを行うための別の方法は、（すなわち、表示されません）影のキャンバスを持つことです。このキャンバスでは、さまざまな色のリアルキャンバスからシェイプのマスクを描きます。

シャドーキャンバスでピクセルの色を確認し、どのオブジェクトが「実際」のものでクリックされたかを調べることができます。

Answer 2

onClickコールバックに渡されるイベントには、clickXの位置に設定されたpageXおよびpageYメンバが含まれます。 See more at this blog post。

Answer 3

はい、そうですが、そうする既存の機能はないと思います。基本的には、描いた図形を追跡し（一般に頂点の座標を追跡して）、クリックイベントをキャンバスに貼り付けることができます。クリックイベントが発生したら、キャンバスの左上隅を基準にしてマウスのx座標とy座標を見つけ、次にシェイプの配列を反復して交差をチェックします。これの実装はレイトレーシングと似ていますが、2次元のみを扱っているので、はるかに簡単です。

チェックポリゴン計算情報内のポイントについては、この記事：http://en.wikipedia.org/wiki/Point_in_polygon

Answer 4

私はを、キャンバス上でオブジェクトを選択できるようにしました。これは、始める方法を探している場合です。