例
画两个150*100像素的矩形。 填写一个具有红色和其他与蓝色：
JavaScript的：
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill(); 试一试» 浏览器支持
在表中的数字指定完全支持方法的第一个浏览器的版本。
| 方法 | |||||
|---|---|---|---|---|---|
| fill() | 是 | 9 | 是 | 是 | 是 |
定义和用法
该fill()方法填充当前绘图（路径）。 默认颜色为黑色。
提示：使用fillStyle属性，以填补与其他颜色/渐变。
注意：如果路径没有关闭， fill()方法将最后一个点添加一行路径的起点，以闭合路径（如closePath()然后填充路径。
| JavaScript语法： | context.fill(); |
|---|