JS анимация. Остается след

ctx.lineWidth = 2;
function draw()
{
  var y = 0;
 
  function frame()
  {
    ctx.beginPath();
    ctx.arc(100, 100+y, 20, 0, 2*3.14);
    ctx.stroke();
    ctx.fill();
    ctx.closePath();
    y+=5;
    if (y >= 100) clearTimeout(timer);
 
  }
  var timer = setInterval(frame, 50);
}
draw();

var ctx = $('#cnv')[0].getContext('2d');
 
ctx.lineWidth = 2;
function draw()
{
  var y = 0;
 
  var oldData = {first: true};
  function frame()
  {
        if ( !oldData.first ) {
            ctx.putImageData(
                oldData.d,
                oldData.x,
                oldData.y
            )
        }
        
        var _x = 100;
        var _y = 100+y;
        
        oldData.x = _x-100;
        oldData.y = _y-100;
        oldData.w = 200;
        oldData.h = 200;
        oldData.d = ctx.getImageData(
            oldData.x,
            oldData.y,
            oldData.w,
            oldData.h
        )
        oldData.first = false;
        
    ctx.beginPath();
    ctx.arc(100, 100+y, 20, 0, 2*3.14);
    ctx.stroke();
    //ctx.fill();
    ctx.closePath();
    y+=5;
    if (y >= 100) clearTimeout(timer);
 
  }
  var timer = setInterval(frame, 50);
}
draw();