我不确定如何正确地为标题说出来,但是这里发生了什么。
我在同一文件夹中有两个SVG文件,shapes.svg
和wrapper.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;" />
文件夹结构如下
我发现这有点难以解释,并尽力传达这个问题。如果有人需要我进一步澄清任何事情,请只要问我,我会立即回复。
答案 0 :(得分:3)
出于隐私原因,所有图像必须是单个文件。您可以在图像中包含图像,但必须将内部图像编码为数据URI。
当将SVG视为图像时,有助于思考......“如果这是光栅图像,我可以这样做吗。”