Solución Bordes _Circulo

<canvas width="600" height="400"> </canvas>

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");   

    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,600,400); 

    var x_p = 600;
    var y_p = 400;
    function dibujarCirculo(x,y,radio){
        pincel.fillStyle = "blue"
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*3.14);
        pincel.fill();     
    }
    function limpiar_pantalla(){
        pincel.clearRect(0,0,600,400);
        pincel.fillStyle = "grey";
        pincel.fillRect(0,0,600,400); 
    }
    var x = 0;
    var borde = false;
    function actualizar_pantalla(){
        if(x < x_p && borde == false){
            limpiar_pantalla();
            dibujarCirculo(x,20,10);
            x++;
        }else{
            borde = true;
            limpiar_pantalla();
            dibujarCirculo(x,20,10);
            x--;
            if(x==0){
                borde = false;
            }
        }
    }

    setInterval(actualizar_pantalla,1);

</script>