四角形描画

　四角形の描画は
cot.strokeRect(150,0,80,160);
cot.fillRect(90,40,20,20);
cot.clearRect(10,10,90,90);のように記述します。
"stroke"は「打撃」「描画」の意味です。
"fill"は「塗りつぶす」という意味です。
"clear"は消す意味です.
"Rect"は「直角」という意味です。
　四角形は"rectAngle"「直角」と言って(長四角)「長方形」を表します。
「正方形」は"square"と言います。

cot.fillRect(10,10,90,90);
cot.fillRect(0,20,80,80);
cot.strokeRect(0,0,80,80);
cot.strokeRect(50,50,90,90);

//色の指定 RGB16進数
cot.fillStyle="#6c7";
//四角の描画
cot.fillRect(45,90,15,15);

　上の図は14個の四角形で作りました。
　ちょうちょのつもりがトンボの頭になったようです。