p5.js | createA() Function

0 0 1 minute read

The createA() function in p5.js is used to create an anchor element in the DOM (Document Object Model) for creating a hyperlink. This function includes the p5.dom library. Add the following syntax in the head section.

html

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

Syntax:

createA( href, html, target )

Parameters:

href: It holds the url of the page to the link.
html: It holds the display text.
target: It holds the target where the link will open.

The “target” can be ‘_blank’ (link will open in a new tab), ‘_self’ (link will open in the same tab), etc.
Example: This example uses createA() function to create a link of zambiatek home page.

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

Output:

After clicking the link, zambiatek home page will open in a new tab.
Reference: https://p5js.org/reference/#/p5/createA

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!