хм.. , еще не совсем понятно, почему рисует именно с правого края?
<!DOCTYPE HTML>
<html>
<head>
<style>
canvas {
border:1px solid black;
}
</style>
</head>
<body>
<canvas width="500" height="500" id="canvas"></canvas>
<script>
var canva = document.getElementById("canvas");
var ctx = canva.getContext("2d");
ctx.width = 500;
ctx.height = 500;
var up = 360/60, angle = 0;
!function timer() {
if(angle == 360) return;
angle += up;
ctx.fillStyle = "red";
ctx.arc(100,100, 40, 0,(Math.PI/180)* angle);
ctx.fill();
ctx.beginPath();
setTimeout(timer,60);
}();
</script>
</body>
</html>