2014-01-08 4 views
0

Я пытаюсь создать дугу в холсте, и я хочу использовать градусы, а не радианы. Проблема в том, что она не начинается в 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(); 

ответ

1

Вычесть половина PI для обоих начала и конечной точки при рисовании дуги, как это:

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

Вот Fiddle.

+0

Умный ход, Орбигадо Тони! – barry

+0

De nada @barry! –

Смежные вопросы