p5.js | noErase()函数

简介

noErase()函数是p5.js中的一个函数，用于将sketch中的background()绘图接口删除。它通常用于在每帧更新时在画布上绘制连续的图形，而不会在新图形绘制之前清除画布。

语法

noErase()

参数

无

返回值

无

示例

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

function draw() {
  noErase();
  background(220,50,50);
  ellipse(mouseX,mouseY,50,50);
}

上述示例设置了一个400x400像素的画布，并在背景中绘制了一个灰色背景。每帧绘制时，我们会调用noErase()函数来防止新图形的绘制删除背景。然后，我们会用background()绘制红色背景，并以圆形的形式在鼠标位置绘制一个黄色圆形。

注意事项

noErase()在调用erase()函数时，才会真的起到作用。如果erase()函数未被调用，noErase()则不会做任何事情。因此，在使用noErase()时，请确保对蒙版的使用。

参考文献

• p5.js | noErase()