ポップアップコンテンツをトリガーする選択可能な領域を含むHTMLイメージマップ

Question

イメージマッピングを実行しなければならなかったので、長い時間がかかりました！おそらく4-5年を好むでしょう。

タグを使用して最後にこれを達成し、多角形のタグを作成しました。これはもちろん動作し、HTML5でもサポートされています。しかし、これはまだ画像マッピングのための良い方法ですか？または、私はこの方向を破棄してCanvasやSVGのテクニックを代わりに使うべきですか？

要因のカップルが決定に関してであります

• クライアントはIE7を使用していますので、解決策がIE7とIE8で動作するように持っている、それゆえ私は、SVGやキャンバスを使用しないように考えて、それはです簡単に私は古い学校の地図タグを使用すると思う、少なくともそれは簡単にすべてのプラットフォームで動作します。
• マップには非常にカスタムスタイルがあります（マージンギャップのある領域を囲むストローク）
• 各領域にはロールオーバー状態があり、各領域に固有の内容のポップアップが表示されます。これはJSで達成する必要があります。 JSタグを使用してマップのDOM構造とやり取りする際に問題がありますか？
• これは必須ではありませんが、マップをビューポートにいくらか対応させることになりました。

タグを使用して、率直に言って、実際に古い学校、日付と汚れを感じる。しかし、私の場合は正直言って、それは最も適した解決策のようです。誰もが何を考えているのですか？

任意のフィードバックを歓迎、私は最高のスイートはSVGと思い、あなたの要件については

おかげで、 クレイグ

Answer 1

。あなたの周りのいくつかの作業によって、お気に入りのjQueryをSVGで使いこなし、素早くクールなものを作ることができます。私は2週間以内にSVGマップを使って劇場のチケット予約ツールを開発することができました。

また、すべてのものがすべてモバイルで必要とされ、モバイルで動作するようになりました。

IEをアップグレードするようにクライアントに納得させるようにしてください。これが最適です。ではごきげんよう。