我希望能够使用 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"?
最佳答案
xmlns="http://www.w3.org/2000/svg"
和 xmlns:xlink="http://www.w3.org/1999/xlink"
如果您将页面作为 text/html 提供,则不需要,它们仅对于 XML 文档是必需的。
我所知道的所有 UA 都会忽略 version
属性,因此您也可以省略它。
但是你不能有 </g>
没有开头的标签 <g>
标记,因此您的标记无效。
关于xml - 内联 SVG 应该是什么样的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24341591/