Canvas fill() メソッド
定義と使用法
fill() メソッドを使用して現在の画像（パス）を塗りつぶします。デフォルトの色は黒です。
ヒント：次を使用してください： fillStyle 属性を使用して、別の色/グラデーションで塗りつぶします。
注：パスが閉じていない場合、 fill() メソッドは、パスの終了点から始点までの線を追加して、そのパスを閉じ、塗りつぶします。
インスタンス
150×100ピクセルの矩形を描画し、それに緑色で塗りつぶします：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
文法
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> エレメントをサポートしていません。
