1つのsvgファイル

Question

Webプロジェクトに複数の.svgファイルがあります。私はこのように、「埋め込み」タグを使用してHTMLページにそれらのほとんどを追加 ：

<embed src="css/svg/multi.svg" type="image/svg+xml"/> 

私が解決しようとしている二つの問題があります。

1. は、ウェブサイト、それを入力します各.svgファイルを個別にダウンロードします。一緒にダウンロードしてもらいたいです（往復1回）。

2. いくつかのsvgが再利用されているので、同じsvgが数回ダウンロードされます。

私がやったと思ったのは、すべてのsvgsを1つのファイルに入れてidなどで参照していたことです。何か "defs"と "use"のようなものですが、それはfirefoxでしか動かないので、私は他の解決策が必要です。

これらの問題を解決し、任意の他のソリューションは、（それが一つのファイルにする必要はありません）にも良いです...

感謝。

Answer 1

より多くのブラウザでは、あなたはおそらく、このexample（オペラ、クロム、サファリ、IE9で作品を）見ることを使用している可能性が#svgView url syntax（SVG 1.1の一部）をサポートしている場合。