Android开发 初识SVG

Posted 2021-05-15 怪兽N

目录

• • • • 简介
      • 用途
      • SVG特性
      • Path语法
      • 使用Android Studio转SVG为Vector xml
      • SVG图形常用网站推荐

简介

SVG是一种图像文件格式，由画布加载。Sacable Vector Graphics, 可放缩的矢量图。

用途

• APP图标
• 自定义控件：不规则的控件，复杂交互，子控件层叠判断，图表等
• 复杂动画：根据滑动的动态显示动画，路径动画

SVG特性

• SVG可以被非常多的工具读取及修改
• SVG与JPEG、GIF图像比起来尺寸更小，且可缩性更强
• SVG是可伸缩的
• SVG图像可以在任何的分辨率下被高质量打印
• 可以在图像质量不下降的情况下被放大
• 图像中的文本是可以自定义的，可以融入代码片段
• 是纯粹的XML

Path语法

• M=moveto（M X,Y）将画笔移动到指定位置

• L= lineto(L X,Y) 画直线到指定位置

• H=horizontal lineto(H x)画水平线到指定的X坐标位置

• V=vertical lineto（V y）画垂直直线到指定的Y坐标

• Q= quadratic Beizier curve（Q X,Y,ENDX,ENDY）二阶贝塞尔曲线

• C=cureto（Q X1,Y1,X2,Y2,ENDX,ENDY）三阶贝塞尔曲线

• S=smooth curveto(S X1,Y1,ENDX,ENDY)平滑过渡

• A= elliptical Arc（A rx ry XAR large-arc-flag sweep-flag x y）椭圆

• Z= close

• 命令区分大小写，除了Z。大写表示绝对位置，小写表示相对位置

使用android Studio转SVG为Vector xml

首先，右drawable文件夹然后Vector Asset

然后，

如果没有成功则删除爆红的字段

SVG图形常用网站推荐

• SVG地图下载 ：
  https://www.amcharts.com/demos/
  

• 免费svg图标下载：
  https://www.iconfont.cn/