這個HTML片段繪制了下面的圖形: 從上面我們可以看到,控制點控制了曲線的弧度。特殊版本的三次貝塞爾曲線:Sx2 y2, x y 很多時候,為了繪制平滑的曲線,需要多次連續(xù)繪制曲線。這個時候,為了平滑過渡,常常第二個曲線的控制點是第一個曲線控制點在曲線另外一邊的映射點。這個時候可以使用這個簡化版本。這里要注意的是,如果S指令前面沒有其他的S指令或C指令,這個時候會認為兩個控制點是一樣的,退化成二次貝塞爾曲線的樣子;如果S指令是用在另外一個S指令或者C指令后面,這個時候后面這個S指令的第一個控制點會默認設置為前面的這個曲線的第二個控制點的一個映射點,體會一下:
這個HTML片段繪制如下圖形:上面的S指令只有第二個控制點,第一個控制點采用了前面的曲線指令的第二個控制點的一個映射點。 繪制二次貝塞爾曲線指令:Qx1 y1, x y,T x y(特殊版本的二次貝塞爾曲線) 二次貝塞爾曲線只有一個控制點(x1,y1),通常如下圖所示:如果是連續(xù)的繪制曲線,同樣可以使用簡化版本T。同樣的,只有T前面是Q或者T指令的時候,后面的T指令的控制點會默認設置為前面的曲線的控制點的映射點,體會一下: