SVG學(xué)習(xí)

工具: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ǔ)。。。

參考:http://mp.weixin.qq.com/s?__biz=MzA5MzI3NjE2MA==&mid=2650236282&idx=1&sn=657273a149d44a7cece449df369549b2&scene=0#wechat_redirect

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,039評(píng)論 25 709
  • 今天我在看某腦SVG視頻和網(wǎng)上查資料時(shí),發(fā)現(xiàn)了和某位大佬的寫文章的某種巧合(報(bào)以微妙的笑容)。因?yàn)閺?qiáng)迫癥,所以我想...
    仁昌居士閱讀 5,021評(píng)論 0 11
  • Android Vector曲折的兼容之路 兩年前寫書(shū)的時(shí)候,就在研究Android L提出的Vector,可研究...
    eclipse_xu閱讀 35,397評(píng)論 30 263
  • 小時(shí)候,媽媽教我練過(guò)一段時(shí)間毛筆字。猶記得那時(shí)的老房子漏雨,白格籃框的天花板很多處都有黃色暈染開(kāi)的水漬,媽媽就用我...
    我是樹(shù)閱讀 740評(píng)論 0 49
  • 相關(guān)信息 體驗(yàn)版本:ZAKER6.7 設(shè)備型號(hào):紅米Note2 操作系統(tǒng):MIUI8.0|內(nèi)測(cè)版 目錄 一、產(chǎn)品定...
    盧克先生閱讀 667評(píng)論 0 0

友情鏈接更多精彩內(nèi)容