📜  p5.js createElement()函数

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

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