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