JavaScript»基礎»for文の中でfor文 キャンバス一面に正方形をならべる

ファイル名: js-basic/quest_00167.html

20×20サイズの正方形をキャンバス一面にならべてください。色は赤255、緑20、青147のピンクですが、透明度とうめいどを指定し、完全に透明とうめいな左上から右下へ、すこしずつ不透明ふとうめいに、変化させてください。

ヒント

今まで使用してこなかった”透明度”を設定していきます。
設定はとても単純で、色を設定する際に


context.fillStyle = "rgba(255, 20, 147, 0)";

上記のように”rgb”の個所を”rgba”に変え、数字を1つ追加するだけです。
透明度は”0~1″の幅で変化し、”0″で完全な透明に、”1″で全く透けていない状態になります。

今回はこの透明度を左上から右下に向かってきれいに変化させる必要があります。
正方形をいくつ作るのか、正方形を描く際に何番目なのか、
この2つがわかればうまく透明度を変化させられます。
じっくり考えてみましょう。