svg.path常用方法
时间: 2024-06-01 17:11:55 浏览: 145
1. moveto(x, y): 将路径移动到给定的坐标(x, y)。
2. lineto(x, y): 从当前点画一条直线到给定的坐标(x, y)。
3. horizontal_lineto(x): 从当前点画一条水平线到给定的x坐标。
4. vertical_lineto(y): 从当前点画一条垂直线到给定的y坐标。
5. closepath(): 将路径闭合,即从当前点画一条直线到路径的起始点。
6. quadratic_bezier_to(x1, y1, x2, y2): 从当前点画一条二次贝塞尔曲线到给定的坐标(x2, y2),控制点为(x1, y1)。
7. cubic_bezier_to(x1, y1, x2, y2, x3, y3): 从当前点画一条三次贝塞尔曲线到给定的坐标(x3, y3),控制点1为(x1, y1),控制点2为(x2, y2)。
8. arc_to(rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, x2, y2): 从当前点画一条弧线到给定的坐标(x2, y2),以(rx, ry)为半径,沿着x轴旋转x_axis_rotation度,large_arc_flag和sweep_flag用于确定弧线的方向和大小。
9. rect(x, y, width, height): 从给定的坐标(x, y)开始画一个宽为width,高为height的矩形。
10. ellipse(cx, cy, rx, ry): 以(cx, cy)为中心点,rx和ry分别为椭圆的x轴和y轴半径,画一个椭圆形。
11. polygon(points): 从给定的点集points开始画一个多边形。
12. path(): 返回当前路径的SVG路径字符串表示。
这些方法是svg.path中最常用的方法,可以用于创建各种形状和线条。
阅读全文