Canvasと繰り返し処理の組み合わせ

Canvasによる図形の描写ですが描写の仕方をfor文などで制御することもできます。
今回はfor文と乱数を用いてCanvasで図形を描写しました。



HTMLのCanvas要素内にランダムな位置に三つの四角形が描写されます。
メソッドfillRectにおいて四角形の描き始めの位置の乱数の変数としています。
そして描写をfor文で3回繰り返すものです。