p5.js | 附加() 函数

附加() 是 p5.js 库中的一个函数，用于将一个 p5 元素添加到 HTML 文档中。该函数需要在 setup() 函数中调用。

语法

function setup() {
  createCanvas(400, 400);
  append(canvas, document.body);
}

参数

append() 函数的第一个参数是要附加到文档中的元素，第二个参数是要将其附加到的父元素。如果省略第二个参数，则默认将元素添加到 body 元素中。

示例

let canvas;

function setup() {
  canvas = createCanvas(400, 400);
  append(canvas, document.getElementById("myContainer"));
}

该示例将一个 400x400 的画布元素添加到 id 为 myContainer 的 HTML 元素中。

注意事项

如果您使用 createCanvas() 函数创建了画布，请确保将其存储在变量中，并在调用 append() 函数时使用该变量。

请注意，如果您不在 setup() 函数中调用 append() 函数，则元素将被添加到 HTML 文档中，但 p5.js 库可能会出现问题。因此，请始终在 setup() 函数中使用 append() 函数。

结论

append() 函数是 p5.js 库中的一个有用函数，可用于将 p5 元素添加到 HTML 文档中。您可以使用该函数将画布、图像、音频等添加到您的网页中。