SVG指令 知道這些就夠了

SVG指令常用來編輯圖標等圖片資源,當然,Android,也支持SVG指令設(shè)計圖片,這篇博客收錄了幾個常用指令用法,可供用時查閱~

首先,使用下列指令時需要注意:

1、坐標軸以(0,0)為中心,x軸水平向右,y軸水平向下

2、所有的指令大小寫均可,大寫代表絕對定位,參照坐標軸,小寫代表相對定位,參照當前畫筆所在位置。

下面看看都有哪些常用指令吧~

1、將畫筆移動到某一點

M X,Y

效果:將畫筆移動到(x,y)位置,此時并沒有繪圖

2、繪制直線

L X,Y

效果:以當前畫筆位置為起點,以(x,y)為終點,繪制一條直線

3、繪制弧線

A RX,RY,XROTATION,FLAG1,FLAG2,X,Y

其實弧線可以看作是一個橢圓的一部分,另外,弧線的起點就是當前畫筆所在的位置

RX、RY:橢圓的半軸大小

XROTATION:橢圓X軸與水平方向順時針方向的夾角大小

FLAG1:只有兩個值,1代表取大角度弧線,0代表取小角度弧線

FLAG2:只有兩個值,確定繪制的方向,1代表順時針,0代表逆時針

X、Y:終點坐標值

4、繪制三次貝塞爾曲線

C X1,Y1,X2,Y2,ENDX,ENDY

關(guān)于貝塞爾曲線可以學(xué)習(xí)這個博客

起點就是當前畫筆所在的位置

X1、Y1:參照點1的坐標

X2、Y2:參照點2的坐標

ENDX、ENDY:終點坐標

S X,Y,ENDX,ENDY

起點就是當前畫筆所在的位置

X、Y:參照點坐標

5、繪制二次貝塞爾曲線

Q X,Y,ENDX,ENDY

起點就是當前畫筆所在的位置

X、Y:參照點坐標

ENDX、ENDY:終點坐標

6、閉合路徑

Z


MQL于2017年8月19日完成本文。

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

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

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