css - 四隅以上のdiv

Question

たとえば5つまたは6つのコーナーでdivを作成することは可能ですか？

マップ上にクリック可能なゾーンを作成するためにこれが必要です。これを達成する別の方法があれば、私は喜んでいます。

Answer 1

いいえ、できません。HTMLのブロックは長方形です。

また、（高価な） cssベースのトリックを使用して外観を変更した場合でも、クリック可能なゾーンは長方形のままになります。

しかし、クリック可能なゾーンにはいくつかの解決策があります。

• クリック時のイベント座標からのjavascriptによる簡単な計算
• 古い画像マップ形式

画像マップを使用せずにJavaScriptでそれを実行したい場合は、ポイントがポリゴン内にあるかどうかを判断するための準備が整ったアルゴリズムに興味があるかもしれません。

Answer 2

マップが画像の場合は、ポリゴン画像マップを使用します。これらを簡単に作成できるWebアプリがいくつかあります（Googleの「イメージマップジェネレーター」のみ）。

GoogleのようなマッピングAPIを使用している場合は、マップ内にクリック可能なターゲットを作成するためのドキュメントがあります（例：Google Maps Docs）。