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