244 of 264 menu

Método fillRect

El método fillRect dibuja un rectángulo relleno en un punto dado. Los dos primeros parámetros establecen las coordenadas del punto donde estará la esquina superior izquierda del rectángulo dibujado.

Sintaxis

contexto.fillRect(x, y, ancho, alto);

Ejemplo

Dibujemos un rectángulo relleno usando fillRect:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas> let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.fillRect(50, 50, 100, 75);

:

Ver también

  • método fillRect,
    que dibuja el contorno de un rectángulo
  • método rect,
    que dibuja un rectángulo
  • método lineTo,
    que dibuja líneas
  • propiedad fillStyle,
    que establece el color de relleno
Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar