例
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.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
fill()メソッドは、現在の図面充填(path) 。 デフォルトの色は黒です。
Tip:使用のfillStyleの別の色/グラデーションでいっぱいにプロパティを。
Note:パスが閉じていない場合、 fill()メソッドは、パスを閉じるために、最後の点からパスの始点に行を追加します(like closePath()およびその後のパスを埋めます。
| JavaScriptシンタックス： | context 。 fill( ) fill( ) ; |
|---|
<Canvasオブジェクト