244 of 264 menu

Método fillRect

O método fillRect desenha um retângulo preenchido em um ponto específico. Os dois primeiros parâmetros definem as coordenadas do ponto onde ficará o canto superior esquerdo do retângulo desenhado.

Sintaxe

contexto.fillRect(x, y, largura, altura);

Exemplo

Vamos desenhar um retângulo preenchido 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);

:

Veja também

  • método fillRect,
    que desenha o contorno de um retângulo
  • método rect,
    que desenha um retângulo
  • método lineTo,
    que desenha linhas
  • propriedade fillStyle,
    que define a cor de preenchimento
Português
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Nós usamos cookies para o funcionamento do site, análises e personalização. O processamento de dados é realizado de acordo com a Política de Privacidade.
aceitar todas configurar rejeitar