1

私は非常に複雑で大きくて長生きする (何日も表示されるかもしれない) Web ページを書いていますが、これにはアイコンも必要です。これらのアイコンは SVG グラフィックであると想定されています。ページ上の場所に応じて、JavaScript 呼び出しによって SVG の色を変更する必要があります (jQuery または jQuery-SVG でさえ問題ありません)。

だから私の質問は:

  • Web ページに SVG を含める最良の方法は何ですか?
    • <img>
    • <object>
    • jQuery(...).svg({loadUrl:...})
    • ...
  • それらを「掛ける」方法は?
    • <div>非表示および clone()でプリロードしますか?
    • オンデマンドでロードするだけですか?
  • SVG をセットアップする最良の方法は何ですか? (異なるレイヤー上の 1 つのファイル内のすべてのアイコン?場所で区切られた 1 つのファイル内のすべてのアイコン?アイコンごとに 1 つのファイル?)
  • アイコンの色を変更する最良の方法は何ですか? (その線が異なる色になるはずの線のグラフィックから構成される非常に抽象的なアイコンを考えてください)

必要なブラウザーは、通常の PC およびモバイル (Android、iOS) 用の標準準拠の最新ブラウザー (Firefox、Chrome、Opera、Safari) です。Internet Explorer の互換性は必要ありません。

4

1 に答える 1

1

<img>外部または内部でjavascriptを使用して画像を変更することはできないため、色を変更したい場合はすぐに使用できます。

クローンデータを配置する場合は、id属性が単一のドキュメント内で一意のままであることを確認する必要があります。これにより、おそらく<object>最も簡単なものを使用できます。

ストレートDOM呼び出しを使用して、SVGグラフィックの色を変更するか、必要に応じてjqueryを使用できます。

残りの部分については、おそらく物事を試して、それらがどのように機能するかを確認する必要があります。

于 2012-05-17T13:48:58.087 に答える