历史相关文章

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说孔方兄认证