xml - 内联 SVG 应该是什么样的

Question

我希望能够使用 css 或 jquery 设置样式/更改 svg 的各个部分/路径

经过一些搜索，我意识到这不能用 svg-xml 原样完成(不使用额外的 js/jquery 脚本或其他)

所以现在我要使用内联 svg

完整的标签应该是什么样子的？我的意思是正确的标记

这是我的:

<svg width="200" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 492.69 617.696">
  <circle fill="#FFFFFF" stroke="#00ABEB" stroke-width="32" stroke-miterlimit="10" cx="246.16" cy="222.62" r="206.843" />
  </g>
</svg>

我什至需要所有版本="1.1"xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"？

Answer 1

xmlns="http://www.w3.org/2000/svg"和 xmlns:xlink="http://www.w3.org/1999/xlink"如果您将页面作为 text/html 提供，则不需要，它们仅对于 XML 文档是必需的。

我所知道的所有 UA 都会忽略 version属性，因此您也可以省略它。

但是你不能有 </g>没有开头的标签 <g>标记，因此您的标记无效。