Canvas fill() 方法

定义和用法

fill() 方法填充当前的图像(路径)。默认颜色是黑色。

提示:请使用 fillStyle 属性以填充另一种颜色/渐变。

주의사항:如果路径未关闭,那么 fill() 方法将在路径的结束点和起点之间添加一条线,以关闭该路径,然后填充该路径。

实例

绘制150*100像素的矩形,然后用绿色来填充它:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();

본인이 직접 실 hành해 보세요

문법

context.fill();

브라우저 지원

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

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

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