SVG图片格式学习

1.SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
2.SVG 用来定义用于网络的基于矢量的图形
3.SVG 使用 XML 格式定义图形
4.SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
5.SVG 是万维网联盟的标准
6.SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

SVG形状

SVG 有一些预定义的形状元素，可被开发者使用和操作：

• 矩形 <rect>
• 圆形 <circle>
• 椭圆 <ellipse>
• 线 <line>
• 折线 <polyline>
• 多边形 <polygon>
• 路径 <path>

SVG Path介绍

• M = moveto 相当于 android Path 里的moveTo(),用于移动起始点
• L = lineto 相当于 android Path 里的lineTo()，用于画线
• H = horizontal lineto 用于画水平线
• V = vertical lineto 用于画竖直线
• C = curveto 相当于cubicTo(),三次贝塞尔曲线
• S = smooth curveto 同样三次贝塞尔曲线，更平滑
• Q = quadratic Belzier curve quadTo()，二次贝塞尔曲线
• T = smooth quadratic Belzier curveto 同样二次贝塞尔曲线，更平滑
• A = elliptical Arc 相当于arcTo()，用于画弧
• Z = closepath 相当于closeTo(),关闭path

SVG编辑器

常用的在线编辑器： http://editor.method.ac/
Inkscape也是好用的工具：https://inkscape.org/zh/

Android兼容问题

在Android 5.0之后默认支持，但是之前的版本要适配兼容，兼容5.0之前请看：https://www.jianshu.com/p/1bb7707d0291