SVG是一种图像文件格式,由画布加载。Sacable Vector Graphics, 可放缩的矢量图。
用途
APP图标
自定义控件:不规则的控件,复杂交互,子控件层叠判断,图表等
复杂动画:根据滑动的动态显示动画,路径动画
SVG特性
SVG可以被非常多的工具读取及修改
SVG与JPEG、GIF图像比起来尺寸更小,且可缩性更强
SVG是可伸缩的
SVG图像可以在任何的分辨率下被高质量打印
可以在图像质量不下降的情况下被放大
图像中的文本是可以自定义的,可以融入代码片段
是纯粹的XML
SVG语法
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)平滑过渡
Z= close
网友评论