HTML 캔버스 채우기() 메서드
예시
150*100픽셀의 직사각형을 그리고 빨간색으로 채웁니다.
자바스크립트:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Method | |||||
---|---|---|---|---|---|
fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
fill() 메서드는 현재 도면(경로)을 채웁니다. 기본 색상은 검정색입니다.
팁: 다른 색상/그라디언트로 채우 려면 fillStyle 속성을 사용하십시오.
참고: 경로가 닫히지 않은 경우 fill() 메서드는 경로를 닫기 위해 경로의 마지막 지점에서 시작점까지 선을 추가한 다음(예: closePath() ) 경로를 채웁니다.
자바스크립트 구문: | 컨텍스트 .fill(); |
---|
❮ 캔버스 개체