función p5.js createElement()

La función createElement() se utiliza para crear un elemento en el DOM (Document Object Model). La función .position() se usa para establecer la posición del elemento.

Nota: Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo index.html .

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

Sintaxis:  

createElement( tag, [content] )

Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:

  • etiqueta: este parámetro contiene la etiqueta para el nuevo elemento.
  • contenido: este parámetro contiene el contenido html que se insertará en el elemento

Valor devuelto: Devuelve un elemento de puntero que contiene el objeto de Node creado.

Ejemplo: este ejemplo utiliza la función createElement() para crear el elemento.

Javascript

function setup() {
  // create canvas
  createCanvas(400, 400);
}
 
function draw() {
  // set background color
  background(150, 255, 134);
  // create the element
  create_element = createElement('h1', ["GeeksForGeeks!"]);
   
  // position the element
  create_element.position(50, 100);
       
}

Producción: 

Referencia: https://p5js.org/reference/#/p5/createElement
 

Publicación traducida automáticamente

Artículo escrito por sarthak_ishu11 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 *