工具:Android SVG to VectorDrawable
Android SVG to VectorDrawable2
SVG-Editor
SVG 開(kāi)源庫(kù)
https://xituqu.com/335.html#comments
http://www.iconfont.cn/collections?spm=a313x.7781069.0.0.fEW4eG&personal=1
http://www.iconsvg.com/
Android 中的svg 是以Vector Drawable 存在
Vector語(yǔ)法簡(jiǎn)介
Android以一種簡(jiǎn)化的方式對(duì)SVG進(jìn)行了兼容,這種方式就是通過(guò)使用它的Path標(biāo)簽,通過(guò)Path標(biāo)簽,幾乎可以實(shí)現(xiàn)SVG中的其它所有標(biāo)簽,雖然可能會(huì)復(fù)雜一點(diǎn),但這些東西都是可以通過(guò)工具來(lái)完成的,所以,不用擔(dān)心寫起來(lái)會(huì)很復(fù)雜。
Path指令解析如下所示:
支持的指令:
M = moveto(M X,Y) :將畫筆移動(dòng)到指定的坐標(biāo)位置
L = lineto(L X,Y) :畫直線到指定的坐標(biāo)位置
H = horizontal lineto(H X):畫水平線到指定的X坐標(biāo)位置
V = vertical lineto(V Y):畫垂直線到指定的Y坐標(biāo)位置
C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY):三次貝賽曲線
S = smooth curveto(S X2,Y2,ENDX,ENDY)
Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY):二次貝賽曲線
T = smooth quadratic Belzier curveto(T ENDX,ENDY):映射
A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y):弧線
Z = closepath():關(guān)閉路徑
使用原則:
坐標(biāo)軸為以(0,0)為中心,X軸水平向右,Y軸水平向下
所有指令大小寫均可。大寫絕對(duì)定位,參照全局坐標(biāo)系;小寫相對(duì)定位,參照父容器坐標(biāo)系
指令和數(shù)據(jù)間的空格可以省略
同一指令出現(xiàn)多次可以只用一個(gè)
注意,'M'處理時(shí),只是移動(dòng)了畫筆, 沒(méi)有畫任何東西。 它也可以在后面給出上同時(shí)繪制不連續(xù)線。
android:pathData講解
Android vector 標(biāo)簽 pathData 詳解
詳細(xì)介紹請(qǐng)看這篇文章,Android Vector曲折的兼容之路 ,本文不做介紹了,本文主要介紹將SVG應(yīng)用替換ImageLoader。后續(xù)補(bǔ)。。。