La variable ancho en p5.js es una variable del sistema que almacena el ancho del lienzo de dibujo . Este valor se inicializa automáticamente con el primer parámetro de la función createCanvas() tan pronto como se ejecuta el código.
Sintaxis:
width
Parámetros: Esta función no acepta ningún parámetro.
El siguiente programa ilustra la variable de ancho en p5.js:
Ejemplo-1:
function setup() { //create Canvas of size 380*80 createCanvas(380, 80); } function draw() { // set background color background(220); // set text size textSize(16); // set the text alignment textAlign(CENTER); //set the fill color fill(color('Green')); //use of width variable text("Width of Canvas is : " + width, 180, 50); }
Producción:
Ejemplo-2:
function setup() { //create Canvas of size 380*80 width = windowWidth; createCanvas(width, 80); } function draw() { // set background color background(220); // set text size textSize(16); // set the text alignment textAlign(CENTER); //set the fill color fill(color('Green')); //use of width variable text("Width of Canvas is equal to windowWidth i.e. : " + width, 180, 50); }
Producción:
Referencia: https://p5js.org/reference/#/p5/width
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