当从HTML引用时,不会将SVG作为图像嵌入到另一个SVG中

时间:2014-03-23 21:39:27

标签: html svg

我不确定如何正确地为标题说出来,但是这里发生了什么。

我在同一文件夹中有两个SVG文件,shapes.svgwrapper.svg

wrapper.svg引用带有图片标记的shapes.svg

<image x="-75" y="-100" width="150" height="150" xlink:href="shapes.svg" />

现在,如果我直接在网络浏览器中查看wrapper.svg,我可以看到它完美呈现shapes.svg。但是,如果我尝试使用HTML文件查看wrapper.svg,该文件是这两个文件之上的一个目录,我可以看到wrapper.svg的所有标记,但它不会显示shapes.svg。< / p>

在HTML文件中我很简单

<img src="svg/wrapper.svg" style="width:150px;height:150px;" />

文件夹结构如下

  • /index.html
  • /svg/wrapper.svg
  • /svg/shapes.svg

我发现这有点难以解释,并尽力传达这个问题。如果有人需要我进一步澄清任何事情,请只要问我,我会立即回复。

1 个答案:

答案 0 :(得分:3)

出于隐私原因,所有图像必须是单个文件。您可以在图像中包含图像,但必须将内部图像编码为数据URI。

当将SVG视为图像时,有助于思考......“如果这是光栅图像,我可以这样做吗。”