例
繪製一個150 * 100像素的矩形，並與紅色填充：
JavaScript的：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
試一試» 瀏覽器支持
在表中的數字規定，完全支持方法的第一個瀏覽器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| fill() | 4 | 9 | 3.6 | 4 | 10.1 |
定義和用法
的fill()方法填充當前繪圖(path) 。 默認顏色為黑色。
Tip:使用的填充樣式屬性，以填補與另一種顏色/漸變。
Note:如果路徑沒有關閉， fill()方法會從最後一個點添加一行到路徑的起始點關閉路徑(like closePath()然後填寫路徑。
| JavaScript語法： | context 。 fill( ) fill( ) ; |
|---|
<畫布對象