最新のWeb開発のチュートリアル
 

HTML canvas fillRect() Method

<HTMLキャンバスリファレンス

満たさ描く150*100ピクセルの四角形を:

YourbrowserdoesnotsupporttheHTML5canvastag。

JavaScriptを:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
»それを自分で試してみてください

ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
fillRect() はい 9.0 はい はい はい

定義と使用法

fillRect()メソッドは、「満たされた」矩形を描画します。 充填のデフォルトの色は黒です。

ヒント:使用fillStyle図面を埋めるために使用される色、グラデーション、またはパターンを設定するプロパティを。

JavaScriptシンタックス: context.fillRect(x,y,width,height);

パラメーター値

パラメーター 説明 それを再生します
x 矩形の左上隅のx座標 それを再生します»
y 矩形の左上隅のy座標 それを再生します»
width 矩形の幅(ピクセル単位) それを再生します»
height 矩形の高さ(ピクセル単位) それを再生します»

<HTMLキャンバスリファレンス