예
두 그리기 150*100 픽셀의 사각형. 붉은 색과 푸른 색으로 다른 하나를 입력합니다 :
자바 스크립트 :
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill(); »그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.
| 방법 | |||||
|---|---|---|---|---|---|
| fill() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
fill() 메서드는 현재 도면 (경로)를 채 웁니다. 기본 색상은 검은 색입니다.
팁 : 사용 fillStyle 다른 색상 / 그라데이션 채우기 위해 속성을.
주 : 경로가 폐쇄되지 않은 경우, fill() 메소드는 (같은 경로를 닫 경로의 시작점에 마지막 점에서 한 줄을 추가합니다 closePath() ), 다음 경로를 입력합니다.
| 자바 스크립트 구문 : | context.fill(); |
|---|