p5.js | quadraticVertex()函数介绍

quadraticVertex()函数是p5.js中用于绘制二次曲线的函数，可以在p5.js的图形上下文中使用。

语法

quadraticVertex(cx, cy, x, y)

• cx: 控制点的x坐标。
• cy: 控制点的y坐标。
• x: 二次曲线的结束点的x坐标。
• y: 二次曲线的结束点的y坐标。

其中，起点和终点由之前的 beginShape() 和 endShape() 函数指定。

使用方法

quadraticVertex() 函数可以与 beginShape() 和 endShape() 函数配合使用，来绘制二次曲线。在绘制之前，您需要使用 beginShape() 函数来指明起点，然后使用 quadraticVertex() 函数来添加二次曲线的控制点和结束点，最后使用 endShape() 函数来终止此形状。

以下是一个绘制二次曲线的示例：

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  noFill();
  stroke(0);
  strokeWeight(2);
  beginShape();
  vertex(50, 50);
  quadraticVertex(150, 200, 250, 50);
  endShape();
}

相关函数

• beginShape()
• endShape()
• curveVertex()

参考资料

• p5.js quadraticVertex()