p5.js createElement()用法及代码示例

createElement()函数用于在DOM(文档对象模型)中创建元素。 .position()函数用于设置元素的位置。

注意：此函数需要p5.dom库。因此，在index.html文件的开头部分添加以下行。

<script src=  
"https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js">  
</script>

用法:

createElement( tag, [content] )

参数：该函数接受上述和以下描述的两个参数：

tag:此参数保存新元素的标签。
content:此参数保存要插入到元素中的html内容

返回值：它返回一个指针元素，其中包含创建的节点对象。

例：本示例使用createElement()函数创建元素。

function setup() { 
  // create canavas 
  createCanvas(400, 400); 
} 
  
function draw() { 
  // set background color 
  background(150, 255, 134); 
  // create the eelment  
  create_element = createElement('h1', ["GeeksForGeeks!"]);  
    
  // position the element 
  create_element.position(50, 100);  
        
}

输出：

参考： https://p5js.org/reference/#/p5/createElement

相关用法

注：本文由纯净天空筛选整理自sarthak_ishu11大神的英文原创作品 p5.js | createElement() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。