svg常用指令：
- 矩形 <rect>
- 圆形 <circle>
- 椭圆 <ellipse>
- 线 <line>
- 折线 <polyline>
- 多边形 <polygon>
- 路径 <path>
stroke-width的半渗透特性
在画圆的时候，stroke-width属性的值有一半会渗透到圆的内部
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="80" fill="red" />上面例子中将stroke-width=0时，可以看到红色圆（fill="red"）的大小是半径40，边框宽度为0，所以无边框；
改为stroke-width=80时候，可以看到红色圆被覆盖了，只能看到边框为80的黑色边框，（相当于半径为80 的黑色圆）；
那我们娶一个折中的stroke-width=40，可以看到边框的宽度有20在圆内，20在圆外，效果如下三图
也由此在绘制边框属性的时候，由于边框颜色与圆的填充色叠加就会出现新的混合颜色，但是未与圆的填充色叠加的部分就会是边框的本色
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="25" cy="25" r="20" fill="rgba(128, 0, 128, 0.75)"
stroke="rgba(0, 255, 0, 0.25)" stroke-width="10"/>
</svg>
</body>
</html>
