canvas fundementals

by Berat Emre Nebioğlu

HTML

<canvas id="canvas"></canvas>

CSS

#canvas{
  width:200px;
  height:300px;
  border:1px solid black;
}

JavaScript

var canvas = document.querySelector('#canvas'); //DOM Api
var ctx = canvas.getContext('2d'); //Canvas API
ctx.beginPath();
ctx.fillStyle = "blue";
ctx.fillRect(0,0,canvas.
width, canvas.height);

ctx.fill();