예
채워진 그리기 150*100 픽셀의 사각형을 :
자바 스크립트 :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
»그것을 자신을 시도 브라우저 지원
표의 수치는 완전히 방법을 지원하는 제 브라우저 버전을 지정.
| 방법 | |||||
|---|---|---|---|---|---|
| fillRect() | 예 | 9.0 | 예 | 예 | 예 |
정의 및 사용
fillRect() 메소드는 "채워진"사각형을 그립니다. 채우기의 기본 색상은 검은 색입니다.
팁 : 사용 fillStyle 도면을 작성하는 데 사용되는 색상, 그라디언트 또는 패턴을 설정하는 속성입니다.
| 자바 스크립트 구문 : | context.fillRect(x,y,width,height); |
|---|
매개 변수 값
| 매개 변수 | 기술 | 플레이 |
|---|---|---|
| x | 다음은 사각형의 왼쪽 위 모서리의 x는 좌표 | »플레이 |
| y | 다음은 사각형의 왼쪽 위 모서리의 y는 좌표 | »플레이 |
| width | 사각형의 너비 (픽셀 단위) | »플레이 |
| height | 사각형의 높이 (픽셀 단위) | »플레이 |