是否在SVG中嵌入SVG？
是否在SVG中嵌入SVG？
提问于 2011-03-28 01:59:11
我有一个SVG文档，我想在其中包含一个外部svg图像，例如：
<object data="logo.svgz" width="100" height="100" x="200" y="400"/>("object“只是一个例子-外部文档将是SVG而不是xhtml)。
有什么想法吗？这有可能吗？或者对我来说，最好的方法就是简单地将SVG放到我的外部logo.svg文档中？
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-03-28 02:14:52
使用image元素并引用您的SVG文件。有趣的是，将以下代码另存为recursion.svg
<svg width="100%" height="100%" viewBox="-100 -100 200 200" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="-50" cy="-50" r="30" style="fill:red" />
<image x="10" y="20" width="80" height="80" href="recursion.svg" />
</svg>Stack Overflow用户
发布于 2014-12-18 20:04:53
或者您可以像这样将子svg嵌入父svg中：
<svg>
<g>
<svg>
...
</svg>
</g>
</svg>演示：
http://hitokun-s.github.io/old/demo/path-between-two-svg.html
Stack Overflow用户
发布于 2017-01-06 22:47:59
我需要将SVG嵌入到我的SVG中，但还需要更改它的颜色并应用转换。
只有Firefox支持嵌套的svg元素上的"transform“属性。更改的颜色也是不可能的。因此，两者的结合是必要的。
我最终做的事情如下
<svg>
<image x="0" y="0" xlink:href="data:image/svg+xml;base64,[base64 of nested svg]"></image>
</svg>这至少适用于Firefox、Chrome和Inkscape。
这与父svg答案中的子svg的行为相同，只是现在可以对其应用转换。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5451135
复制相关文章
相似问题
腾讯云开发者
