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