JavaScript»キャンバス»四角形を描くdrawRect 四角形をかいてみる

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

下のソースコードをうつして、キャンバスに図のような四角形をかいてみましょう。

ソースコード

<style>canvas { border: solid 1px #ccc }</style>
<canvas id="my_canvas" width="320" height="320"></canvas>

<script>
const canvas = document.getElementById("my_canvas");
const context = canvas.getContext("2d");
 
context.fillRect(20, 40, 50, 100);
</script>

解説

プログラムはかならず、

<script>

</script>

で、かこんでください。