畫布以度爲單位的弧度

Question

我試圖在畫布中創建一個弧度，並且我想使用度數而不是弧度。 問題在於它不是在12點開始，而是在3點，就像文檔所說的那樣，但我怎麼能強制它到12？

的jsfiddle：http://jsfiddle.net/C8CXz/

function degreesToRadians (degrees) { 
    return degrees * (Math.PI/180);  
} 

function radiansToDegrees (radians) { 
    return radians * (180/Math.PI); 
} 

var canvas = document.getElementById('circle'); 
var ctx = canvas.getContext('2d'); 
ctx.beginPath(); 
ctx.arc(80, 80, 50, degreesToRadians(0), degreesToRadians(180), false); 
ctx.lineWidth = 10; 
ctx.stroke(); 

Answer 1

減去一半PI既起點和終點繪製時的弧線，就像這樣：

... 
ctx.arc(80, 80, 50, degreesToRadians(0)-Math.PI/2, degreesToRadians(180)-Math.PI/2, false); 
... 

這裏是Fiddle。