我想将一些SVG嵌入到SVG中。 因此我想使用< image>因为我想保持我的SVG分离。 但是当我像这样包含我的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" />
它只是像魅力一样扩大。 这有什么问题?
编辑:在当前版本21中,似乎这是Firefox的一个错误 Chrome也会缩放图片... 更奇怪的是,如果我在图像中加入光栅图像,Firefox和Chrome都会对它进行缩放......
编辑2:即使IE 9也有所需的行为,虽然它的背景颜色渲染有点奇怪,所以它唯一的Firefox很糟糕
答案 0 :(得分:0)
由于这似乎是Firefox中的一个错误,我将使用<use />
- 标签,可能与XMLHttpRequest结合使用,以动态插入<symbol />
。
甚至只有XMLHttpRequest直接插入节点。
我想不出更好的解决方案,所以如果真的有更好的答案,那就发布吧!