問題タブ [imagemap]

非常に複雑なイメージ マップ (150 ピース以上で構成) があり、マップ内の座標を SVG パス標準形式に変換したいと考えています。

イメージマップhttp://raphaeljs.com/australia.htmlの代わりに以下を使用したい理由です。しかし、座標を SVG パス標準形式にする必要があります。

画像マップを SVG 座標に変換するにはどうすればよいですか?

乾杯アンソニー

約 70 の領域を含むイメージマップを表示する必要があります。マウスカーソルが現在あるイメージマップの領域は、特定の色で強調表示されるはずです。

これは可能ですか？

ASP.NET MVCでイメージマップを作成するにはどうすればよいですか？参考のために：

マルクスによる無関係な質問の答えの1つの答えは似たようなものです：

これが冗長な場合は申し訳ありません。私の調査によると、これはバージョン2のMVCの回答である可能性があります。Html.ActionLinkに類似したものが存在する場合は、それを探します。明らかに、名前でルートを参照し、そのUrl.RouteUrlを使用してパラメーターを送信することはできますが、これは事実上の処理方法ですか？

ありがとう

私の Web サイトには、ナビゲーション バーとして画像があり、別のページにリンクするホットスポットを作成しました。問題は、テキストが画像の一部であるため、ホバー時にテキストのスタイルを変更できないことです。マウスオーバーでテキスト/ホットスポットを目立たせたいので、マウスオーバーで背景色を変更できることを学びました。それは可能ですか？エリアまたはマップを使用して、CSS でそれを行う方法はありますか。Javascript を使用する場合、誰かが私を助けてくれませんか。

イメージ マップの一部をクリックして、ページのどこかにあるそのタグの値altまたはtitle値などのテキストを印刷することはできますか?<area>

jQueryでこれを行うことはできますか? 私は見てきましたが、そうするのに苦労しています（jQueryで非常に錆びており、その上に初心者です）。少しコードをいじってみましたが、取得できるのは静的データのみです。

ありがとう。

編集: これは、クリック可能な 30 の一意のサイズと形状の「領域」を持つ 1 つの大きな画像です。

画像がJavascriptで作成されたときに画像上にイメージマップを作成する方法はありますか?

したがって、イメージは次のように作成されます。

次に、すべてのプロパティを設定します。

しかし、この画像でイメージマップを作成するにはどうすればよいですか?

よろしく、トニー

アップデート

イメージを作成するコードは次のとおりです。

これはタグ内にあります。今イメージマップ：

私が読んだことによると、これは画像のすぐ下にある必要があるため、これをどこに配置しますか? タグ内に入れることができず、動作しません。

このコードの何が問題になっていますか? イメージマップが機能しないのはなぜですか?

アップデート：

次のようにコードを再構築しましたが、まだ機能していません。

背景画像を表示する Swing を使用して画像マップを作成する必要があります。次に、特定のホットスポットにマウスを合わせる (またはクリックする) と、「拡大された」画像をポップアップ表示して表示する必要があります。

JPanel を拡張して画像参照を含め、それを paintComponent(g) メソッドで描画することを考えていました。この部分はこれまでに行ったもので、コードは次のとおりです。

定義されたホットスポットでのマウスクリックをリッスン/応答する方法を誰かが推奨できますか? 誰かがポップアップを表示する方法をさらに推奨できますか? 私の直感的な反応はJPopupMenu、上記のコードと同様に、画像を表示するように拡張することでした。

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

私は、HTML に変換するための派手でグラフィックを多用したデザインを持っています。そのナビゲーションにはひどい（もちろん非標準の）フォントがあります。テキスト置換テクニックはあまり好きではありません。

では、イメージ マップがナビゲーションに適しているかどうか疑問に思っています。それらはSEOにとって良いか悪いか?

興味深い問題があります：

私のガール フレンド (画家...) は、次のような Web ページを作成したいと考えています。

1. 最初のページは、すべての画面を通る単なる画像です-スライダーなどはありません。したがって、さまざまな解像度の画像のサイズを変更するという問題があります。
2. この画像には、ユーザーがページの残りの部分をナビゲートできるいくつかのウィンドウがあります。

解決策:

1. したがって、最初の問題については、jquery という優れた解決策があります。それはうまく機能します、問題ありません。

2. 2 番目の問題については、正常に機能するイメージ マップがあります。

問題：

1 番目と 2 番目のソリューションを組み合わせるにはどうすればよいですか? まだ解決策を見つけていない唯一の問題は、多角形のイメージマップ座標を動的に計算する方法です。(つまり、画面の解像度がどうであれ、イメージマップのプロパティは常に適切な場所にとどまります)。

長方形の場合、これを見つけました。ポリ形状はどうですか？

誰かがこれを達成する方法についていくつかのアイデアを持っていますか?