svg-入门学习

1、viewbox是一个虚假的工作空间，它可以缩放图片大小让图片完成显示在svg上。
2、可以建一个svg文件，然后用超链接来调用svg来显示想要的图像；也可以直接显示图像
x表示距浏览器左边水平距离
y表示距浏览器上面垂直距离
cx和cy表示圆心距
多边形和曲线 可以根据给不同的点来确定形状
fill表示填充的颜色，none则为不填充
stroke表示边框颜色
stroke-width表示边框宽度
stroke-linecap定义首位形状，为“butt”表示描边端点切掉,为“round”表示描边端点形状为圆弧，“square”表示描边端点形状为方形
stroke-dasharray可以创建虚线，一个参数表示虚线之间的间距，两个参数或多个参数时，一个是参数一个是间距。
fill-rule表示填充规则，有：
1）nonzero非零填充规则。取一点往任意一方向作射线，然后检查图形的线段和射线相交的点，来确定“内部区域”。从0开始计数，每次路径线段是从左到右穿过射线就加一，从右到左的就减一。通过计算交叉点，如果结果是0，则这个点在路径外边，不然，就是在里边。
大致理解就是线段同方向运动就是全部填充，异方向运行就是内部不填充
2）evenodd奇偶填充规则。取一点往任意一方向作射线，判断射线与线段路径的交点，奇数就是在内部，需要填充，偶数则在外部，不需要填充；

3、可以根据各种图形来做出一些东西来
矩形
圆形
椭圆
直线
折线
多边形
路径
根据各种图形组装变成想要