최신 웹 개발 튜토리얼
 

HTML canvas fill() Method

<캔버스 개체

150 * 100 픽셀의 사각형을 그리고 붉은 색으로 채우기 :

YourbrowserdoesnotsupporttheHTML5canvastag.

자바 스크립트 :

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
»그것을 자신을 시도

브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
fill() 4.0 9.0 3.6 4.0 10.1

정의 및 사용

fill() 메소드는 현재 도면 채운다 (path) . 기본 색상은 검은 색입니다.

Tip: 사용 fillStyle에서는의 다른 색상 / 그라디언트로 채우기 위해 속성을.

Note: 경로가 폐쇄되지 않은 경우, fill() 메서드는 경로를 닫 경로의 시작점에 마지막 점에서 한 줄을 추가합니다 (like closePath() ), 다음 경로를 입력합니다.

자바 스크립트 구문 : context . fill( ) fill( ) ;

<캔버스 개체