我希望能够使用css或jquery对svg的各个部分/路径进行样式化/更改
经过一番搜索,我意识到用svg-xml无法做到这一点(不使用额外的js/jQuery脚本或其他脚本)
所以现在我将讨论内联svg
完整的标签应该是什么样子的?我是说正确的标记
这就是我所拥有的:
null
<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>
null
我甚至需要所有版本=“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”
不是必需的,它们仅用于XML文档。
我知道的所有UA都忽略version
属性,因此您也可以省略它。
但是,如果标记没有起始的
标记,则无法使用标记,因此该标记无效。