p5.js | 擦除()函数

在p5.js中，擦除()函数可以用来清空画布并设置背景颜色。

语法

erase()

参数

擦除()函数没有任何参数。

说明

使用擦除()函数可以在canvas上创建一个透明的矩形，用于擦除先前绘制的所有内容。在调用擦除()函数后，绘制的所有图形都将变得透明并可以继续进行绘制。

要恢复先前的绘图行为并继续在相同的画布上绘制，请使用noErase()函数。

示例

以下示例演示了如何使用擦除()函数清空画布并设置背景颜色：

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

function draw() {
  stroke(255, 0, 0);
  if (mouseIsPressed) {
    line(mouseX, mouseY, pmouseX, pmouseY);
  }
}

function keyPressed() {
  if (key == 'e') {
    // 使用擦除()函数清空画布并设置背景颜色
    erase();
    background(220);
  } else if (key == 'n') {
    // 使用noErase()函数取消擦除模式
    noErase();
  }
}

在示例中，按下'e'键可以使用擦除()函数清空画布并设置背景颜色。按下'n'键可以使用noErase()函数取消擦除模式。如果不使用擦除()函数，则使用绘图函数line()绘制的所有图形将保留在画布上。

结论

擦除()函数是p5.js中的一个非常有用的函数，可以用于清空画布并设置背景颜色。它可以在绘图环境中创建一个透明的矩形来擦除先前绘制的所有内容。使用noErase()函数可以取消擦除模式并恢复先前的绘图行为。