HTML canvas strokeRect() 方法

HTML5 Canvas 참조 가이드

定义和用法

strokeRect() 方法绘制矩形（不填色）。笔触的默认颜色是黑色。

提示：请使用 strokeStyle 属性来设置笔触的颜色、渐变或模式。

实例

绘制150*100像素的矩形：

您的浏览器不支持HTML5 canvas标签。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

직접 테스트해 보세요

문법

context.strokeRect(x,y,width,height);

파라미터 값

파라미터 설명
x 직사각형 왼쪽 상단의 x 좌표.
y 직사각형 왼쪽 상단의 y 좌표.
width 직사각형의 너비, 픽셀 단위로 계산됩니다.
height 직사각형의 높이, 픽셀 단위로 계산됩니다.

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

주의사항:Internet Explorer 8 이상의 버전은 <canvas> 요소를 지원하지 않습니다.

HTML5 Canvas 참조 가이드