p5.js | ellipseMode()函数

ellipseMode()函数是p5.js绘图库中的一个函数，用于设置椭圆的位置模式。默认模式为“中心模式”，即椭圆的位置是以其中心点为参考点。通过使用ellipseMode()函数，我们可以将位置模式更改为“半径模式”，即椭圆的位置是以其左上角作为参考点。

语法

ellipseMode(mode)

mode参数可以是以下任何一个常量：

• CENTER：默认值，以椭圆的中心作为参考点。
• RADIUS：以椭圆左上角为参考点，椭圆的高度为半径。
• CORNER：以椭圆左上角作为参考点。
• CORNERS：使用四个参数，指定椭圆左上角和右下角的位置。

示例

以下示例将演示如何使用ellipseMode()函数：

function setup() {
  createCanvas(400, 400);
  ellipseMode(CENTER); // 将位置模式设置为中心模式
}

function draw() {
  background(220);
  stroke(255, 0, 0);
  fill(255);
  ellipse(200, 200, 100, 100); // 以中心点为参考绘制椭圆
  ellipseMode(RADIUS); // 将位置模式更改为半径模式
  stroke(0, 255, 0);
  fill(255);
  ellipse(200, 200, 50, 50); // 以左上角为参考绘制椭圆
}

结论

通过使用ellipseMode()函数，我们可以更改椭圆的位置模式，以便更好地适应绘图需求。默认情况下，椭圆的位置模式为中心模式，当需要更改为其他模式时，可以通过简单地调用ellipseMode()函数并传递正确的参数来实现。