2012-09-03 47 views
1

這是一個兩部分的問題:SVG路徑,這是一個立方貝塞爾曲線嗎?

  1. 是否所述第一代碼部分的下方(由Adobe Illustrator的生產)表示 一個三次Bezier曲線中的SVG文件?
  2. 如果是這樣,在第一個(Adobe Illustrator)示例中,小寫字母Cs後面的每個數字代表什麼?

    Adob​​e Illustrator的實施例:

<path style="fill:none;stroke:#00FF00;stroke-width:0.5102;stroke-linecap:round; stroke-linejoin:round;" d="M223.827,404.942 c-6.741,6.32-7.083,16.908-0.762,23.649l0,0c0.184,0.201,0.561,0.577,0.762,0.762" />

下面是從w3一個例子的一部分:

<path class="SamplePath" d="M100,200 C100,100 250,100 250,200 
             S400,300 400,200" /> 

在第二W3例如,我明白的數字跟着'M'指的是開始的x,y座標並且大寫'C'表示絕對定位。在關於XY分組的W3示例中,該模式看起來相當明顯。但是,我不知道如何製作Adobe Illustrator示例,並且使用負號和逗號分隔的組,例如:16.908-0.762在Adobe Illustrator示例中,小寫字母Cs後面的數字順序如何分析和分組,以及每個數字在第一個(Adobe Illustrator)示例中代表什麼?

+0

第一個代碼塊可以使用編輯。我必須刪除第一個字符('<')才能顯示塊,但它仍然沒有灰色背景。 –

回答

3

答案是肯定的。

至於2 ...

在路徑語法中,空格和逗號是可選的。 16.908-0.762每次解析一個字符,所以解析器必須知道,當它到達 - - 符號16.908是一個數字,但16.908-不是,因此 - 符號必須是下一個數字的開始,即-0.762

插圖例子中有三對數字。添加可選的空間使得它更清晰......

Ç-6.741,6.32 -7.083,16.908 -0.762,23.649

語法爲here

+0

感謝您的澄清。如果你有一個時刻,我也有奇數的數字結尾爲零,例如「c6.32-6.742,5.979-17.33-0.762-23.65l0,0」。我猜測最後的尾部零意味着(0,0)。那是對的嗎? –

+0

你的意思是最後一點。這是一個小寫字母l(跟在k後面的字母),然後是0,0不是嗎? –

+0

嗯。首先,再次感謝,我現在看到,倒數第二個與最後一個零組合(即,(0,0))。然而,我猜測它之前的角色是一個小寫的'L',代表'lineto'。我把它誤認爲是頭號,但是當我複製並粘貼它時,它看起來像是一個小寫的'L'。 –