HTML5 canvas fill メソッド
HTML5 canvas リファレンス
例
150 * 100ピクセルの矩形を描画し、赤色で塗りつぶします:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Try it yourself »
定義と用法
fill メソッドは、fillStyle 属性で設定した色で現在のパスを塗りつぶします。デフォルトは黒です。
現在の点が、開始点と同じでない場合、パスでは、fillメソッドは、closePath() メソッドと同様に、
パスの終点から始点に線を追加することによって、パスを完成させます。
JavaScript 構文: |
context.fill(); |
ブラウザ・サポート
fill メソッドは、主要な全ブラウザがサポートしています。
HTML5 canvas リファレンス
|