244 of 264 menu

fillRect-metodi

Metodi fillRect piirtää täytetyn suorakulmion määritettyyn pisteeseen. Kaksi ensimmäistä parametria määrittävät pisteen koordinaatit, johon piirretyn suorakulmion vasen yläkulma sijoittuu.

Syntaksi

konteksti.fillRect(x, y, leveys, korkeus);

Esimerkki

Piirretään täytetty suorakulmio käyttämällä fillRect-metodia:

<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);

:

Katso myös

  • metodi fillRect,
    joka piirtää suorakulmion ääriviivat
  • metodi rect,
    joka piirtää suorakulmion
  • metodi lineTo,
    joka piirtää viivoja
  • ominaisuus fillStyle,
    joka määrittää täyttövärin
Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää