p5.js createElement()函数
createElement()函数用于在 DOM(文档对象模型)中创建元素。 .position()函数用于设置元素的位置。
注意:此函数需要 p5.dom 库。因此,在index.html文件的 head 部分添加以下行。
句法:
createElement( tag, [content] )
参数:该函数接受上面提到的两个参数,如下所述:
- tag:此参数保存新元素的标签。
- content:该参数保存要插入到元素中的html内容
返回值:它返回一个指针元素,保存创建的节点对象。
示例:此示例使用 createElement()函数创建元素。
Javascript
function setup() {
// create canvas
createCanvas(400, 400);
}
function draw() {
// set background color
background(150, 255, 134);
// create the element
create_element = createElement('h1', ["GeeksForGeeks!"]);
// position the element
create_element.position(50, 100);
}
输出:
参考: https://p5js.org/reference/#/p5/createElement