这个HTML片段绘制了下面的图形: 从上面我们可以看到,控制点控制了曲线的弧度。特殊版本的三次贝塞尔曲线:Sx2 y2, x y 很多时候,为了绘制平滑的曲线,需要多次连续绘制曲线。这个时候,为了平滑过渡,常常第二个曲线的控制点是第一个曲线控制点在曲线另外一边的映射点。这个时候可以使用这个简化版本。这里要注意的是,如果S指令前面没有其他的S指令或C指令,这个时候会认为两个控制点是一样的,退化成二次贝塞尔曲线的样子;如果S指令是用在另外一个S指令或者C指令后面,这个时候后面这个S指令的第一个控制点会默认设置为前面的这个曲线的第二个控制点的一个映射点,体会一下:
这个HTML片段绘制如下图形:上面的S指令只有第二个控制点,第一个控制点采用了前面的曲线指令的第二个控制点的一个映射点。 绘制二次贝塞尔曲线指令:Qx1 y1, x y,T x y(特殊版本的二次贝塞尔曲线) 二次贝塞尔曲线只有一个控制点(x1,y1),通常如下图所示:如果是连续的绘制曲线,同样可以使用简化版本T。同样的,只有T前面是Q或者T指令的时候,后面的T指令的控制点会默认设置为前面的曲线的控制点的映射点,体会一下: