Question

好的，所以我知道如何将静态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>

我似乎无法让它发挥作用。

Answer 1

如果您想继续使用对象标记，可以创建svg的数据URI，有关详细信息，请参阅this answer。

Answer 2

只需粘贴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>

在没有链接的情况下将SVG嵌入HTML中

2 个答案: