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

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

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

ヒント

色の透明度とうめいどを変えたいときは、

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

のようにfillStyleを指定します。0.6のところが透明度とうめいどで、0.0(完全な透明とうめい)から1.0(完全な不透明ふとうめい)までの数を指定できます。これを、0から変化させていき、一番最後に1になるように式を考えてみましょう!!変化する数字を上手く活用していきましょう!!