Latest web development tutorials

HTMLキャンバスフィル()メソッド

HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル

与えるために赤で塗りつぶした後、150 * 100ピクセルの四角形を描画します:

YourbrowserdoesnotsupporttheHTML5canvastag。

JavaScriptを:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートフィル()メソッド。

注:のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。


定義と使用法

フィル()メソッドは、現在の画像(パス)を埋めます。 デフォルトの色は黒です。

ヒント:使用のfillStyleの別の色/グラデーションを移入するプロパティ。

注:パスは、(のようにパスを閉じるには、開始点の間の線の終点へのパスを追加するフィル()メソッド閉じられていない場合はclosePath()のパスを記入した後、同じ)。

JavaScriptシンタックス: コンテキスト.fill( );


HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル