p5.js | función crearA()

La función createA() en p5.js se usa para crear un elemento de anclaje en el DOM (Document Object Model) para crear un hipervínculo. Esta función incluye la biblioteca p5.dom. Agregue la siguiente sintaxis en la sección principal. 
 

html

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

Sintaxis:  

createA( href, html, target )

Parámetros:  

  • href: Contiene la url de la página al enlace.
  • html: contiene el texto de la pantalla.
  • target: Contiene el target donde se abrirá el enlace.

El «objetivo» puede ser ‘_blank’ (el enlace se abrirá en una nueva pestaña), ‘_self’ (el enlace se abrirá en la misma pestaña), etc.
Ejemplo: Este ejemplo usa la función createA() para crear un enlace de GeeksforGeeks home página.

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);   
}

Producción: 

Después de hacer clic en el enlace, la página de inicio de GeeksforGeeks se abrirá en una nueva pestaña.
Referencia: https://p5js.org/reference/#/p5/createA

Publicación traducida automáticamente

Artículo escrito por SujanDutta y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *