DOM:CanvasRenderingContext2D.fillRect()

De W3API
Saltar a: navegación, buscar

Contenido

Descripción

Dibuja un rectángulo desde la posición x,y con un alto y ancho específico.

Sintaxis

void fillRect(in float x, in float y, in float width, in float height);

Parametros

  • x, coordenada x de la esquina superior izquierda.
  • y, coordenada y de la esquina superior izquierda.
  • width, ancho del rectángulo.
  • height, alto del rectángulo.

Objeto DOM al que aplica

CanvasRenderingContext2D

Ejemplo

<canvas height="300px" width="300px" id="micanvas"></canvas>

<script>
var canvas = document.getElementById("micanvas");
var ctx = canvas.getContext("2d");

ctx.fillStyle = "rgb(255,0,0)";
ctx.fillRect(20,20,100,100);

ctx.fillStyle = "rgb(0,255,0)";
ctx.fillRect(60,60,140,140);

ctx.fillStyle = "rgb(0,0,255)";
ctx.fillRect(100,100,180,180);
</script>

Lineas de Código

Herramientas personales
Espacios de nombres
Variantes
Acciones
Navegación
api's
webs
Herramientas