SVG_40_path標籤之字母S、T_平滑貝塞爾曲線

歷史相關文章

SVG_5_矢量圖_Path標籤_弧線世界開啓

SVG_18_a標籤_clipPath標籤_限制路徑效果

SVG_23_mpath標籤_軌跡複用

SVG_38_path標籤之字母Q---二次貝塞爾曲線

SVG_39_path標籤之字母C_三次貝塞爾曲線又名立方貝塞爾曲線

知識點:

字母S和字母T的用法比字母Q和字母C簡單,因爲它假定第一個控制點是前一個控制點關於前一個點的反射,或者說如果沒有前一個控制點的話它實際上就是前一個點

字母T的句法是”S cx,cy x,y“:

與前一條二次貝塞爾曲線相連,控制點爲前一條二次貝塞爾曲線控制點的對稱點,只需輸入終點,即可繪製一個二次貝塞爾曲線。

T後的第一對兒座標(cx,cy)爲控制點座標;

T後的第二對兒座標(x,y)爲結束點座標;

S用來創建三次貝塞爾曲線即立方貝塞爾曲線,句法是”S cx,cy x,y“。

與前一條貝塞爾曲線相連,控制點爲前一條二次貝塞爾曲線控制點的對稱點,只需輸入第二個控制點和終點,即可繪製一個三次貝塞爾曲線。

S後的第一對兒座標(cx,cy)爲控制點座標;

S後的第二對兒座標(x,y)爲結束點座標;

比如靈活運用path標籤中的貝塞爾曲線,可以畫出下面很漂亮的圖形

Xi說孔方兄認證

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章