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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。