[Dúvida] 2 * 3.14

Olá Giuliano, tudo bem com você?

A utilização do 2 * 3.14 tem a ver com a fórmula matemática do perímetro de um círculo

2 * PI * raio Onde PI = 3.14

E dentro da função arc, temos alguns parâmetros que são passados para ela:

arc(x,y,r,sAngle,eAngle)

sendo:

• x é o ponto no eixo x onde vai estar posicionado o centro do círculo
• y é o ponto no eixo y onde vai estar posicionado o centro do círculo
• r é o raio do círculo
• sAngle é o ângulo inicial de onde o círculo vai ser desenhado
• eAngle é o ângulo final até onde o círculo vai ser desenhado

fonte: W3Schools

Como descrito na imagem, podemos ver que o ângulo inicial 0, que está marcado em vermelho, é onde começou o desenho do círculo e o ângulo 1.5 * PI, marcado em azul, é onde finaliza o desenho do círculo, sendo assim um semicírculo, por estar incompleto.

Dado isso, caso queiramos desenhar 1/4 de círculo basta definir o sAngle = 0 e o eAngle = 0.5 * 3.14, analogamente para 1/2 círculo sAngle = 0 e o eAngle = 1 * 3.14, para 3/4 de círculo, como na imagem: sAngle = 0 e o eAngle = 1.5 * 3.14; e por fim, para um círculo completo utilizamos sAngle = 0 e o eAngle = 2 * 3.14.

Para se aprofundar mais, recomendo a leitura da documentação do método arc() do canvas da W3Schools, onde é explicado com mais detalhes o seu funcionamento. A documentação está em inglês, mas caso seja necessário você pode utilizar a função de tradução do seu navegador para facilitar o entendimento.

Fico à disposição em caso de dúvidas.

Um grande abraço e bons estudos!