var canvas=document.getElementById("dcanvas"); var context=canvas.getContext("2d"); var x=150; var y=300; var radius=100; var strart=0; var end=2*Math.PI; context.arc(x,y,radius,strart,end); context.fillStyle="#A5ADF9"; context.lineWidth=18; context.strokeStyle = '#7787FC'; context.lineWidth=18; context.fill(); context.stroke();
<canvas id="dcanvas" width="500" height="500"></canvas>
.cans { width:500px; height:500px; background:yellow; }