HTML5 renderings_html5 チュートリアル スキルを使用してキャンバスに四角形を描画する

1. 長方形を描画します

キャンバスは、左上隅を原点 (0,0) とする座標系を使用します。x 座標は右に向かって増加し、y 座標は下に増加します。

描画環境の長方形図面関数を使用して、長方形を描きます。

fillrect（x、y、幅、高さ）：固体長方形を描きます。
Strokerect（x、y、width、height）：中空の長方形を描きます。
ClearRect（x、y、幅、高さ）：指定された長方形の領域をクリアして、完全に透明にします。

2. キャンバスに四角形を描画します

コードをコピーします

コードは次のとおりです。