創建 SVG 路徑時,通常屬性中的大寫字母 ( M, L... )表示絕對坐標,小寫字母 ( , ... ) 表示到最后一個點的相對坐標。dml
這是在絕對坐標中繪制一個小直角三角形的示例:
<path style="stroke:black;fill:none;" d="M100,100 L150,100 V50 Z" />
這在相對坐標中繪制了相同的三角形:
<path style="stroke:black;fill:none;" d="m100,100 l50,0 v-50 z" />
我可以使用大寫或小寫字母M,Z無論哪種情況,在視覺上都沒有任何改變。關于M,我假設因為它是第一點,所以它是絕對的或相對于 (0, 0) 的,但如果這是錯誤的,請糾正我。z和的區別是Z什么?
uj5u.com熱心網友回復:
雙方z并Z定義路徑命令:ClosePath
路徑命令是定義要繪制的路徑的指令。每個命令由一個命令字母和代表命令引數的數字組成。
SVG 定義了 6 種路徑命令,總共 20 個命令:
- 移動到:
M,m- LineTo:
L,l,H,h,V,v- 三次貝塞爾曲線:
C,c,S,s- 二次貝塞爾曲線:
Q,q,T,t- 橢圓弧曲線:
A,a- 關閉路徑:
Z,z
uj5u.com熱心網友回復:
在所有情況下:
大寫命令指定絕對坐標,而小寫命令指定相對于當前位置的坐標。路徑命令
但是在 z/Z 的情況下,沒有區別(ClosePath)。沒有與 z/Z 關聯的絕對或相對坐標,因此它只會在最后一個點和起點之間創建一條直線。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/312335.html
標籤:svg
