📜  p5.js | createA()函数

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

p5.js | createA()函数

p5.js 中的 createA()函数用于在 DOM(文档对象模型)中创建一个锚元素,用于创建超链接。此函数包括 p5.dom 库。在 head 部分添加以下语法。

html


javascript
// 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");
     
    // Position the anchor objects
    link.position(120, 80);   
}


句法:

createA( href, html, target )

参数:

  • href:它保存页面的链接到链接。
  • html:它保存显示文本。
  • target:它保存链接将打开的目标。

“目标”可以是“_blank” (链接将在新选项卡中打开)、 “_self” (链接将在同一选项卡中打开)等。
示例:本示例使用 createA()函数创建 GeeksforGeeks 主页的链接。

javascript

// 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");
     
    // Position the anchor objects
    link.position(120, 80);   
}

输出:

单击链接后,GeeksforGeeks 主页将在新选项卡中打开。
参考: https://p5js.org/reference/#/p5/createA