p5.js | rectMode()函数

什么是p5.js?

p5.js是一个基于Processing的JavaScript创意编码框架。p5.js旨在使编程变得容易且有趣，以便艺术家，设计师，教育者和初学者可以创建互动式图像，动画和音频应用程序。

rectMode()函数是什么?

rectMode()函数用于设置矩形的绘制模式，可接受两个参数：CORNER和CENTER。

• rectMode(CORNER)将矩形的x，y坐标解释为左上角。
• rectMode(CENTER)将矩形的x，y坐标解释为其中心。

rectMode()函数必须在绘图设置之前调用，否则它将不起作用。

rectMode()函数的使用

rectMode(CORNER)

rectMode(CORNER)将矩形的x，y坐标解释为左上角。

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

function draw() {
  background(220);
  rect(50, 50, 100, 100);
}

rectMode(CENTER)

rectMode(CENTER)将矩形的x，y坐标解释为其中心。

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

function draw() {
  background(220);
  rect(200, 200, 100, 100);
}

总结

rectMode()函数用于设置矩形的绘制模式，CORNER为左上角，CENTER为中心。该函数必须在绘图设置之前调用。