JavaScript»キャンバス»四角のわく線を描くstrokeRect 四角形をふちどりする

ファイル名: js-canvas/quest_00056.html

図のようにピンクの四角形をかき、まわりを赤い線でふちどりしてください。線の太さは8で、線の色はrgb(255,0,0)、四角形のなかの色はrgb(255, 192, 203)です。位置いちと大きさは大体でかまいません。

ヒント

プログラムは基本的に上から順番に処理されます。
図形を描く時も同じで、上から順番にキャンバスに描かれていきます。
今回の場合、どのような図形を、どのような順番で描けばいいでしょうか。