グラフテスト

先生のコードをコピーした

<button onclick="drawShape()">四角形を描画</button><br />

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000;"></canvas>

<script>

function drawShape() {

  var canvas = document.getElementById('myCanvas');

  if (canvas.getContext) {

    var ctx = canvas.getContext('2d');

    // 四角形を描画

    ctx.fillStyle = 'green'; // 塗りつぶしの色を赤に設定

    ctx.fillRect(10, 10, 80, 40); // (10, 10)の位置に幅80、高さ40の四角形を描画

  }

}

</script>