svg图形是什么?好多开发人员应该都听说过,它就是矢量图形,它的本质其实就是xml。但是通过它,可以画出各种各样的图形,而且这些图形是矢量的,说白了就是有方向的。
那么它是怎么样实现图像的展现呢?这要归结于svg图形里面的样式。
在svg图形里面有三种样式:1、css 2、Symbol 3、属性值
css跟html里面的css是一样的。
symbol是什么呢?它是在<symbols>节点下定义好的样式,它被use标签的href属性所引用,且引用的时候,一定是"#"+symbolID
属性值,是指g标签或者use标签的属性值的设置,svg图形里面,属性值必须用双引号引起来。即使是数字也要用引号括起来。