📜  p5.js | removeElements()函数

📅  最后修改于: 2022-05-13 01:56:19.371000             🧑  作者: Mango

p5.js | removeElements()函数

removeElements()函数用于删除当前存在的由 p5 创建的所有元素,但使用createCanvas()函数createGraphics()函数创建的元素除外。元素连同它们的事件处理程序一起从 DOM 中删除。

句法:

removeElements()

参数:此函数不接受任何参数。

下面的示例说明了 p5.js 中的removeElements()函数

例子:

function setup() {
  createCanvas(600, 300);
  textSize(26);
  fill("green")
  text("Click the mouse button to create elements", 10, 20);
  text("Click on the button below to remove all elements", 10, 50);
  
  // button to remove elements
  removeBtn = createButton('Remove All');
  removeBtn.position(20, 80);
  removeBtn.mousePressed(removeAll);
}
  
function mouseClicked() {
  // create element at mouse position
  createDiv('element').position(mouseX, mouseY);
}
  
function removeAll() {
  
  // remove all elements
  removeElements();
}

输出:

在线编辑器: https://editor.p5js.org/
环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考: https://p5js.org/reference/#/p5/removeElements