ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 renderings_html5 チュートリアル スキルを使用してキャンバスに四角形を描画する
HTML5 renderings_html5 チュートリアル スキルを使用してキャンバスに四角形を描画する
- WBOYオリジナル
- 2016-05-16 15:47:291548ブラウズ
1. 長方形を描画します
キャンバスは、左上隅を原点 (0,0) とする座標系を使用します。x 座標は右に向かって増加し、y 座標は下に増加します。
描画環境の長方形図面関数を使用して、長方形を描きます。
fillrect（x、y、幅、高さ）：固体長方形を描きます。
Strokerect（x、y、width、height）：中空の長方形を描きます。
ClearRect（x、y、幅、高さ）：指定された長方形の領域をクリアして、完全に透明にします。
2. キャンバスに四角形を描画します
キャンバスは、左上隅を原点 (0,0) とする座標系を使用します。x 座標は右に向かって増加し、y 座標は下に増加します。
描画環境の長方形図面関数を使用して、長方形を描きます。
fillrect（x、y、幅、高さ）：固体長方形を描きます。
Strokerect（x、y、width、height）：中空の長方形を描きます。
ClearRect（x、y、幅、高さ）：指定された長方形の領域をクリアして、完全に透明にします。
2. キャンバスに四角形を描画します
コードをコピーします
コードは次のとおりです。