HTML キャンバスの fillRect() 関数の役割

2年 ago

夏樹, 風

1 minute

fillRect()はHTMLキャンバスのメソッドで、canvas上に塗りつぶされた長方形を描画します。

指定された場所に矩形を描画し、矩形内を塗りつぶします。矩形の位置、サイズ、塗りつぶす色はこのメソッドで設定できます。

次に、`fillRect()` メソッドを使用して赤い塗りつぶし長方形を描画する例を示します。

var canvas = document.getElementById(“myCanvas”);
var ctx = canvas.getContext(“2d”);
ctx.fillStyle = “赤”;
ctx.fillRect(0, 0, 200, 100);

文を日本語で言い換えてください。オプションは 1 つだけでかまいません:

上記の例の最初の行では、“要素を取得してから、“getContext(“2d”)“メソッドによって2D描画コンテキストである`ctx`を取得しています。

画面に、色を赤に設定し、fillRect()メソッドを使って、座標(0, 0)に、横幅 200 px、高さ

100ピクセルの長方形を作成し、赤色で塗りつぶす。

必要なパラメーターを調整することで、さまざまなサイズや位置に矩形を描画したり、別の塗りつぶしの色を指定したりできます。