SVG标准
不多解释，矢量图，任意缩放大小且可以控制各种样式
SVG的旋转
原SVG，宽度170，高度150
右转90度:
1、把画布的宽度高度交换；2、变换图形的中心点到当前画布的中心点；3.根据图形的中心点旋转
其中第二步的做法为：translate ((height - width) / 2) ((width - height) / 2) height和width都是原图的尺寸
变换后svg宽度150，高度170，先把图形的中心点放到svg中心点即图形先变换到-10 10的坐标，再以图形中心点85 75旋转90度。
右转180度:
直接根据中心点旋转
右转270度:
同90度，只是第三步是旋转270度。
0上下翻转
翻转都不需要改变宽高，但是需要先translate到正中心点，再scale，再translate到负中心点。
90上下翻转
在90度旋转的基础上再进行翻转。由于旋转了90度交换了宽高，因此scale的时候翻转的水平方向，其他都与0度翻转一样。