javascript cómo dibujar un ejemplo de código de rectángulo

Tenemos la mejor respuesta que hallamos en todo internet. Queremos que te sirva de ayuda y si deseas compartir alguna mejora hazlo con libertad.

Ejemplo 1: js dibujar cuadrado a lienzo

// canvas context.fillRect(x, y, height, width);
ctx.fillRect(20,20,150,100);

Ejemplo 2: cómo hacer un rectángulo en javascript

const canvas =document.getElementById('pong')// first make a index . html with a canvas height and width and id of pong or whatever// and then we have to get access to our context to draw on itconst context = canvas.getContext('2d')// then you do...

context.drawRect(20,20,150,150);
context.fillStyle='#fff'// thats white!!

Ejemplo 3: dibujar un rectángulo en el lienzo javascript

//Assuming you have canvas and context (ctx) set up:
ctx.fillStyle="(enter color)";
ctx.fillRect(x, y, width, height);//to set up canvas and context:var canvas =document.getElementById("(enter canvas's id)");var ctx = canvas.getContext("2d");

Al final de todo puedes encontrar las notas de otros programadores, tú igualmente puedes mostrar el tuyo si lo deseas.

---

---

Utiliza Nuestro Buscador