HTML 캔버스 필 () 메소드
예
다음 줄 빨간색으로 채우기 직사각형 150 * 100 픽셀 그리기 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
»시도
브라우저 지원
인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원 채우기 () 메소드.
참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.
정의 및 사용
작성 () 메소드는 현재 이미지 (경로)를 채 웁니다. 기본 색상은 검은 색입니다.
팁 : fillStyle에서는의 속성은 다른 색상 / 그라데이션을 채 웁니다.
주 : 경로가 닫혀 있지 않은 경우, 채움 () 메소드 (같이 패스를 닫는 시점 사이의 라인의 종점까지의 경로를 추가 () 히며 closePath 다음 경로를 작성 동일).
| 자바 스크립트 구문 : | 문맥 .fill ( ); |
|---|
HTML 캔버스 참조 설명서