jquery - マウスが抽象的な形の座標内にあることを確認する

Question

私は次のことを行うためのプロセスや方法を考えることができません。どんな提案も素晴らしいでしょう。私がやろうとしていることを説明する最も簡単な方法は、米国の州の地図に似ています。それらの上を移動するときに強調表示される州のマップ。

抽象オブジェクトの座標を作成し、アクティブ化（またはトリガー）するマウスオーバーイベントを発生させる方法がわかりません。

私は見つけた近くのものをあちこち探してみましたが、座標がどのように機能するかを示す例はありません。

助けてくれてありがとう！

Answer 1

2つの簡単な解決策は

• 古き良き画像マップ
• SVG形式_

どちらも、HTMLドキュメント内の画像の形状を定義し、アクション（通常はリンク）を関連付けることができます。SVGでは、図形にカーソルを合わせたときに変更されるスタイルを簡単に定義することもできます（チュートリアルを参照）。

Answer 2

また、IE8を気にしない場合は、マップイメージに絶対位置のdivをオーバーレイし、 Transformを使用してそれらを形状に傾斜させることもできます。