예
충전 된 150 개 * 100 픽셀의 직사각형을 그린다
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
»그것을 자신을 시도 브라우저 지원
테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.
| 방법 | |||||
|---|---|---|---|---|---|
| fillRect() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
fillRect() 메소드는립니다 "filled" 사각형을. 채우기의 기본 색상은 검은 색입니다.
Tip: 사용 fillStyle에서는의 도면을 채우기 위해 사용되는 색상, 그라디언트 또는 패턴을 설정하는 속성을.
| 자바 스크립트 구문 : | context . fillRect( x,y,width,height ) ; |
|---|
매개 변수 값
| 매개 변수 | 기술 | 플레이 |
|---|---|---|
| x | 상기 직사각형의 좌측 상단 모서리의 X 좌표 | »플레이 |
| y | 상기 직사각형의 왼쪽 상단의 y 좌표 | »플레이 |
| width | 픽셀 사각형의 너비 | »플레이 |
| height | 사각형의 높이 (픽셀 단위) | »플레이 |
<캔버스 개체