SVG图片格式学习

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

SVG形状

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

  • 矩形
  • 圆形
  • 椭圆
  • 线
  • 折线
  • 多边形
  • 路径

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

你可能感兴趣的:(SVG图片格式学习)