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标签中的贝塞尔曲线,可以画出下面很漂亮的图形

SVG_40_path标签之字母S、T_平滑贝塞尔曲线_第1张图片

Xi说孔方兄认证

SVG_40_path标签之字母S、T_平滑贝塞尔曲线_第2张图片

你可能感兴趣的:(SVG)