nonzero： 该规则判断点任意方向的射线与图形路径的相交情况，默认为数值0，射线从左到右时，每穿过一条路径，数值加1；从右到左时，每穿过一条路径，数值减1，最后结果若为0，则表示点不在图形内部，不能填充。
evenodd：该规则判断点任意方向的射线与图形路径的相交情况，相交个数为奇数，则点在图形内部，可进行填充；反之在外部，不进行填充。
好像比较难理解这个，fill-rule到底是为了解决什么问题？
我们看上图，图中有一个路径A-B-C-D-E-F-G-H-I，当我们用fill填充它的时候，我们会发现其中有一个重叠的区域S，那么这个重叠的区域到底填不填充呢？这，就是fill-rule所干的事。
分析：沿着A-B-C-D-E-F-G-H-I方向走，我们会发现重叠区域S外部为A-B-C-D-A，形成方向为顺时针方向。重叠外部区域S的形成方向为逆时针H-I-A，所以重叠区域S不显示。这个和fill-rule设置无关，这是默认的。
来看一下经典的五角星问题：
相同的，这里有一个重叠区域S，不过如何才能知道是重叠区域呢？其实很简单，就是重叠区域的外面还有东西，而它们都还在整个形状之内。
我们可以发现五角星的重叠区域S的形成方向和外部是一样的，这种情况下，fill-rule就起作用了，如果是nonzero，区域S是显示的，如果是evenodd，区域S则不显示。
2、边框
（1）stroke：边框颜色；
（2）stroke-width：边框宽度；
（3）stroke-opacity：边框透明，取值[0,1]；
（4）stroke-linecap：单条线端点样式，一般应用于直线或者路径，取值：[ butt | square | round ]，分别是对接、方形和圆形
（5）stroke-dasharray：虚线边框，可以设置每段虚线的长度和间隔，之间使用逗号分隔或者空格分隔，如：
stroke-dasharray="10, 5, 5, 10"