ShapePath.quadraticCurveTo()
方法用于在 ShapePath
对象上绘制二次曲线路径。
ShapePath.quadraticCurveTo(cpx, cpy, x, y)
cpx
: 控制点的 x 坐标cpy
: 控制点的 y 坐标x
: 目标点的 x 坐标y
: 目标点的 y 坐标无返回值。
var shape = new THREE.Shape();
shape.moveTo(0,0);
shape.quadraticCurveTo(50, -30, 100, 0);
该代码将在一个 Shape
上绘制一个带有一个控制点 (50, -30)
和一个目标点 (100,0)
的二次曲线路径。
ShapePath
对象通常是由 Shape
对象创建的。在使用 ShapePath.quadraticCurveTo()
方法之前,需要使用 Shape.moveTo()
方法将绘图位置移动到期望的起始点。
绘制路径时,务必按照正确的绘制顺序添加路径点,以确保路径正确地封闭和填充。
控制点决定曲线的弯曲程度。在绘图中使用二次曲线可以创建各种可视化效果,如圆角或弧形。