svg 笔画和填充

stroke ：边框<br />
stroke="red" 设置颜色<br />
stroke-width 设置宽<br />
stroke-linecap 设置线两头样式 butt:默认 round:圆头 square:默认方形，超出长度<br />
stroke-dasharray 设置虚线样式：线长，空长，线长..<br />
stroke-linejoin 设置线连接点样式，miter默认，round圆角，bevel切角显示<br />
填充和边框样式可以写在css里

文本：text<br />
x,y位置坐标，<br />
dx,dy xy上的偏移<br />
text-anchor文本显示方向，其实也就是位置(x,y)处于文本的位置。这个属性有start,middle和end三种值。｝<br />
start表示文本位置坐标(x,y)位于文本的开始处，文本从这点开始向右挨个显示。<br />
middle表示(x,y)位于文本中间处，文本向左右两个方向显示，其实就是居中显示。<br />
end表示(x,y)点位于文本结尾，文本向左挨个显示。<br />
还可以设置文本的填充和轮廓，还有文字样式<br />

tspan:标签<br />
它是text的补充，用来渲染区间内文本，只能用在text 或tspan标签内使用。<br />
x,y用于设置标签文本的绝对坐标值，而不是相对于外部的text。可以给xy设置多个值，空格分开，会应用到每个字符上<br />
dx,dy用于设置标签文本相对于默认文本位置的偏移，也可设置多个值。<br />

rotate 设置字的旋转,同样可以设置多个值和每个字符对应。没有对应值的字符将用最后一个数字<br />