fillRect メソッドは、キャンバス上に塗りつぶされた四角形を描画するために使用されます。構文は "context.fillRect(x,y,width,height);" で、パラメータは "x" と "y" です。 " は長方形の左上隅を表します。隅の x 座標と y 座標、「幅」と「高さ」は長方形の幅と高さを表します。
fillRect
context.fillRect(x,y,width,height);
HTML5 Canvas)
具体的な例を見てみましょうコードは次のとおりです
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<canvas id="rectangle" width="200" height="200"></canvas>
<script>
// 使用JS获取canvas元素
var canvas=document.getElementById('rectangle');
// 获取canvas
var c=canvas.getContext('2d');
// 在画布上绘制一个矩形
c.fillRect(50,50,100,100);
</script>
</body>
</html>
以上がfillRectメソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
