Дзен-трансгуманист, спасибо твой код помог(особенно moveTo как то не додумался до этого), я вчера жестоко тупил и не пойму с какого перепугу мне вчера казалось что 0 градусов этой прямой угол, в данный момент я понимаю нужно начинать с -90 градусов, но вчера меня жестоко плющило (просто почти не спал вчера).
ctx.arc(150,150,40, -(Math.PI/180)*90,(Math.PI/180)*i,false);
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<canvas width="500" height="500"></canvas>
<script>
var canva = document.body.children[0];
var ctx = canva.getContext("2d");
var i = -90;
!function drawArc() {
if(i>270)return;
ctx.clearRect(110,110,80,80);
ctx.moveTo( 150, 150 );
ctx.arc(150,150,40, -(Math.PI/180)*90,(Math.PI/180)*i,false);
ctx.fill();
ctx.beginPath();
i+=5;
setTimeout(drawArc,60)
}();
</script>
</body>
</html>