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

如果您以text / html的形式提供页面，则不需要

xmlns="http://www.w3.org/2000/svg"和xmlns:xlink="http://www.w3.org/1999/xlink"，只有XML文档才需要它们。

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

但是，如果没有</g>起始标记，则您不能拥有<g>代码，因此您的标记无效。

内联SVG应该如何

1 个答案: