p5.js | función tamaño()

La función size() es una función incorporada que se utiliza para establecer el ancho y la altura del elemento. El AUTO se utiliza para establecer una dimensión a la vez. Si no se proporcionan los argumentos de la función size(), devuelve el ancho y el alto del elemento en un objeto.

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 language="javascript"
    type="text/javascript" src="path/to/p5.dom.js">
</script>

Sintaxis:

size()

o

size( w, h )

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

• w: este parámetro contiene el ancho del elemento, ya sea AUTO o un número.
• h: este parámetro contiene la altura del elemento, ya sea AUTO o un número.

Valor devuelto: esta función devuelve el ancho y el alto del elemento en un objeto.

El siguiente ejemplo ilustra la función size() en p5.js:

Ejemplo:

function setup() {  
     
    // Create Canvas of given size 
    var cvs = createCanvas(600, 250);
}
  
function draw() {
    
  // Set the background color
  background('green'); 
    
  // Use createDiv() function to
  // create a div element
  var myDiv = createDiv('Welcome to GeeksforGeeks');
    
  // Set the position of div element
  myDiv.position(180, 80);  
    
  // Set the div size
  myDiv.size(200, 100);
    
  // Set the font-size of text
  myDiv.style('font-size', '24px');
    
  // Set the font-size of text
  myDiv.style('border', '1px solid black');
    
  // Set the font-size of text
  myDiv.style('text-align', 'center');
    
  // Set the font color
  myDiv.style('color', 'white');
    
}

Producción: