p5.js createA()用法及代碼示例

p5.js中的createA()函數用於在DOM(文檔對象模型)中創建錨元素以創建超鏈接。此函數包括p5.dom庫。在頭部添加以下語法。

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

用法:

createA( href, html, target )

參數：

href:它包含指向鏈接的頁麵的URL。
html:它保存顯示文本。
target:它保存鏈接將打開的目標。

“target”可以是“ _blank”(鏈接將在新選項卡中打開)，“ _ self”(鏈接將在同一選項卡中打開)等。

例：本示例使用createA()函數創建GeeksforGeeks主頁的鏈接。

// Create a variable for anchor object 
var link; 
   
function setup() { 
      
    // Create a canvas 
    createCanvas(400, 200); 
      
    // Set the background-color 
    background('green'); 
      
    // Create a anchor object using createA() function 
    link = createA("https://www.geeksforgeeks.org/", 
                       "Go to GeeksforGeeks", "_blank"); 
      
    // Posotion the anchor objects 
    link.position(120, 80);     
}

輸出：

單擊鏈接後，GeeksforGeeks主頁將在新選項卡中打開。

參考： https://p5js.org/reference/#/p5/createA

相關用法

注：本文由純淨天空篩選整理自SujanDutta大神的英文原創作品 p5.js | createA() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。