244 of 264 menu

fillRect 메서드

fillRect 메서드는 주어진 지점에 채워진 사각형을 그립니다. 처음 두 매개변수는 그려지는 사각형의 왼쪽 상단 모서리 위치를 지정합니다.

구문

컨텍스트.fillRect(x, y, 너비, 높이);

예제

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

:

함께 보기

  • 사각형 윤곽선을 그리는 메서드 fillRect,
  • 사각형을 그리는 메서드 rect,
  • 선을 그리는 메서드 lineTo,
  • 채우기 색상을 설정하는 속성 fillStyle,
한국어
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақКыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.
모두 수락 설정 거부