1. 長方形を描画します キャンバスは、左上隅を原点 (0,0) とする座標系を使用します。x 座標は右に向かって増加し、y 座標は下に増加します。
描画環境の長方形図面関数を使用して、長方形を描きます。
fillrect（x、y、幅、高さ）：固体長方形を描きます。
Strokerect（x、y、width、height）：中空の長方形を描きます。
ClearRect（x、y、幅、高さ）：指定された長方形の領域をクリアして、完全に透明にします。
2. キャンバスに四角形を描画します
HTML5
;
<キャンバス幅 = " 400" 高さ = "200" id = "tCanvas" スタイル = "border:black 1px Solid;"> ;!--ブラウザがサポートしていない場合は、次のフォントが表示されます-->
ヒント: お使いのブラウザは
をサポートしていません。 ;/body>
3. 描画効果
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
