嵌入SVG在HTML没有链接

好了，我知道如何把一个静态的SVG到HTML：嵌入SVG在HTML没有链接

<object data="your.svg" type="image/svg+xml"> 
    <img src="yourfallback.jpg" /> 
</object>

但是，我怎么把实际的SVG文件（消除链接保存的http请求）：

<object data='<path d="m315.9,581.1c.....1,22.8z" fill="#fff" stroke="#4ea3ff" stroke-miterlimit="10" stroke-width="36"></path>' type="image/svg+xml"> 
    <img src="yourfallback.jpg" /> 
</object>

我似乎无法得到它的工作。

来源

2013-02-18 Justin Cloud

可以使SVG的数据URI，如果你想使用对象标记保持，看this answer了解详情。

来源

2013-02-19 12:19:28

谢谢，我将使用dataURI – 2013-02-21 19:06:52

只需粘贴在SVG中。但是，你需要有<svg>标签虽然启动它，你不能只用原始<path>

<!DOCTYPE html> 
<html> 
<body> 

<svg height="190"> 
    <polygon points="100,10 40,180 190,60 10,60 160,180" 
    style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"> 
</svg> 

</body> 
</html>

来源

2013-02-18 21:03:24

但是，SVG作为一个对象[link]（http://caniuse.com/#feat=svg）vs [link]（http://caniuse.com/#feat=svg-html5）。另外，使用

回答

相关问题