Как перерисовать окружность при изменении координат мыши?

window.onload = function() 
                {
                    canvas = document.getElementById('canvas');
                    ctx = canvas.getContext('2d');
                    canvas.height = canvas.height;
                    canvas.width = canvas.width; 
                }
function circle()
            {    
                canvas.onmousedown = function(e) 
                {
                        this.down = true;
                        this.X1 = e.pageX - 8;
                        this.Y1 = e.pageY - 8;
                        ctx.beginPath();
                };
                    
                canvas.onmousemove = function(e)
                {
                    if(this.down)
                    {
                        var x2 = Math.abs(e.pageX - 8);
                        var y2 = Math.abs(e.pageY - 8);
                        var R = Math.sqrt((this.X1 - x2)*(this.X1 - x2) + (this.Y1 - y2)*(this.Y1 - y2));
                        var startAngle =  0;
                        var endAngle =  (Math.PI/180)*360;
                        ctx.arc(this.X1,this.Y1,R,startAngle,endAngle);
                        ctx.stroke();
                    }
                }
                canvas.onmouseup = function(e) 
                {
                        this.down = false;
                        ctx.closePath();
                };
            }