svg视口
viewport
这里高宽不用加px默认像素
总结
### SVG视口 viewport SVG可见区域的大小，或者理解为画布大小`<svg width="" height=""></svg>` #### 单位 svg默认单位是px，不注明单位时就为px - em：相对父元素的字体大小 - ex：相对小写字母x的高度 - px：相对于屏幕分辨率，一个点或者72分之一英寸 - in：英寸 - cm：厘米 - mm：毫米 - pt：72分之一英寸 - pc：12分之一点 - %：相对于父元素的百分比
viewBox
viewBox会放大截取的部分
来看看这道题
相当于是放大了二十倍至svg的可视区域大小
preserveRespectRadtio
总结 设置了meet或slice的时候 x和y只有一个会起作用
设置为slice只有y起作用 meet只有x起作用
svg坐标系统
世界坐标系：也就是计算机以左上角为原点的坐标系
最初坐标系统：世界坐标系是以浏览器的左上角为原点，最初坐标系是以画布的左上角为原点，画布左上角在哪
用户坐标系统
转换坐标系统
svg转换和css3转换的差异
相同之处在于 两者都有 translate rotate skew matrix scale
不同在于：
1.在svg中transform的变换是相当于画布左上角
2.svg的transform略带偏移
3.svg的transform只支持二维
translate
html的偏移是相当于自己的中心点 svg的偏移相当于左上角
scale
svg形状
矩形<rect>
圆形<circle>
三个属性都 不能省略！！！！
椭圆<ellipse>
线<line>
折线<polyline>
多边形<polygon>
路径<path>
直线命令
曲线命令
s命令相当于若干个c命令衔接
弧形