https://toburau.hatenablog.jp/entry/20140219/1392825193

Canvas - HTML5.JP
HTML5ではcanvasを使ってグラフィックを描画できる。
canvasから2Dのコンテキストを取得して、灰色の矩形を描画したのが次のコード。

<html>
<head>
<script>
window.onload = function() {
  var canvas = document.getElementById('id_canvas');
  var context = canvas.getContext('2d');
  context.fillStyle = "rgb(128,128,128)";
  context.fillRect(0,0,320,240);
}
</script>
</head>
<body>
<canvas id="id_canvas" width="320" height="240"></canvas>
</body>
</html>

canvasで使えるメソッドのリファレンスはこちら。
Canvasリファレンス - HTML5.JP