HTML canvas fillRect() 方法

HTML5 Canvas 참조 매뉴얼

定义和用法

fillRect() 方法绘制“已填充”的矩形。默认的填充颜色是黑色。

提示：请使用 fillStyle 属性用于设置填充绘图的颜色、渐变或模式。

实例

绘制150*100像素的填充矩形：

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

JavaScript:

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

직접 시도해보세요

문법

context.fillRect(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 참조 매뉴얼