【SVG】样式写法

SVG支持使用CSS选择器给元素定义样式。

如

.linestyle{
stroke:red;
stroke-width:2;
}

那么在使用标签时，指定此样式即可：

<line class="linestyle" x1="10" y1="10" x2="100" y2="100"/>

也可以直接在元素中写样式

两种写法：

1、单独写

<line fill="yellow" stroke="blue" stroke-width="4" 

2、合并写

<line style="fill:yellow;stroke:blue;stroke-width=4" x1="10" y1="10" x2="100" y2="100"/>

使用CSS选择器可以避免重复编写代码

但是也有一些问题，比如在SVG中绘制的图形输出到外部的xxx.svg文件时，使用选择器的方式会遇到问题。