SVG を SVG に埋め込みたい。そのため、SVG を分離したままにするため、 <image> 要素を使用したいと考えています。しかし、そのように SVG を含めると、次のようになります。
<image xlink:href="svgs/munitionsmangel.svg" width="20" height="20" x="120" y="70" />
動作しますが、ブラウザでズームしても SVG は拡大されず、小さいままです。
しかし、同じ SVG ファイルをシンボルとして埋め込み、そのように含めると:
<use xlink:href="#munitionsmangel" width="20" height="20" x="80" y="70" />
魔法のようにスケールアップするだけです。ここで何が問題なのですか？
編集：これはFirefoxのバグのようです。現在のバージョン21では、Chromeも画像を拡大します...さらに奇妙なことに、画像にラスター画像を含めると、FirefoxとChromeの両方がそれを拡大します...
編集 2: 背景色のレンダリングは少し奇妙ですが、IE 9 でさえ望ましい動作をしています。