SVG_40_path标签之字母S、T_平滑贝塞尔曲线
历史相关文章
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说孔方兄认证