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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。