<canvas width="25" height="25" id="plano"></canvas> 

#plano{
  width: 50%;
  margin: 0 auto;
  display: block;
  border: 1px solid #d9d9d9;
}

var canvas = document.getElementById("plano");
var X,Y;

inicializarCanvas();

function inicializarCanvas(){ 
  var ctx = canvas.getContext("2d");
  X=canvas.width/2;
  Y=canvas.height/2;
  dibujar(ctx);
}

function dibujar(ctx){
  ctx.fillStyle = "#108EFF";
  ctx.arc(X,Y,X,0,2*Math.PI);
  ctx.fill();
}