<canvas width="600" height="400"></canvas>
<script>
var screem = document.querySelector("canvas");
var pencil = screem.getContext("2d");
pencil.fillStyle= "lightgray";
pencil.fillRect(0,0,600,400);
function driveCircle(x,y,radio,color){
pencil.fillStyle = color;
pencil.beginPath();
pencil.arc(x,y,radio,0, 2*3.14);
pencil.fill();
}
driveCircle(300,200,50,"red");
driveCircle(200,200,50,"blue");
driveCircle(300,300,50,"pink");
driveCircle(400,200,50,"black");
driveCircle(300,100,50,"orange");
</script>
