jquery - jqueryを使用したhtml5クリックイベント

Question

jquery と html5 を使用してクリック イベントを形状に追加しようとしていますが、形状だけでなく、キャンバス全体をクリック可能です。これには助けが必要です。これがプロジェクトです

http://soumghosh.com/otherProjects/click.html

Answer 1

キャンバス内でマウス イベントを処理するには、カスタム コードを記述する必要があります。あなたが探しているのと同様の解決策を扱うこのチュートリアルの「マウスイベント」の部分を見てください。

お役に立てれば！

Answer 2

次の手順に従います。

1. 背景が透明なオフスクリーン レイヤー (別のキャンバス) にシェイプをペイントします (rgba(0,0,0,0) で塗りつぶします)。
2. canvas.onclick イベントからキャンバス クリックの X、Y 位置を読み取ります。
3. オフスクリーン レイヤーの x、y 座標を確認します。
   • layer(x,y) = rgba(0,0,0,0) の場合、クリックは形状の外側にありました。
   • 他の形状がクリックされました。