私は非常に複雑で大きくて長生きする (何日も表示されるかもしれない) 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 の互換性は必要ありません。