Почему мой холст создает эллипсы, когда я хочу создавать круги?

Question

Everytime я пытаюсь сделать круг по этому методу (где плата является холст доска, которая имеет контекст 2d):

 board.lineWidth = 4; 
     board.beginPath(); 
     board.arc(canvas.width/2, canvas.height/2, 10,0,360); 
     board.strokeStyle = "blue"; 
     board.stroke(); 
     board.closePath(); 

Он всегда создается больше эллипса, чем круг, и он никогда не ехать координаты, которые я им даю. Если я скажу canvas.width/2 и с высотой (чтобы сосредоточить его), он даже выходит за пределы самого холста. Когда я даю ему что-то вроде 30, он идет намного дальше, чем 30 пикселей.

Sidenote: Моя ширина и высота моего холста равны 500 пикселям.

Answer 1

5-й параметр arc ожидается как угол в радианах, а не в градусах.

360 degrees = 2 * PI

Таким образом, вы должны изменить свой код:

... 
board.arc(canvas.width/2, canvas.height/2, 10, 0, Math.PI * 2);