Pergunta

Eu não consigo descobrir o que todos os parâmetros para a função arc () são (por experimentação) e eu não encontrei nenhum tutorial que parece explicá-las. Onde é que uma boa explicação da função arc () ser?

Foi útil?

Solução

arc(x, y, radius, startAngle, endAngle, anticlockwise)

Os três primeiros parâmetros, x e y e o raio, descreva um círculo, o arco desenhado será parte desse círculo. startAngle e endAngle são, onde ao longo do círculo para iniciar e parar desenho. 0 é a leste, Math.PI / 2 é sul, Math.PI é a oeste, e Math.PI * 02/03 é o norte. Se a esquerda é 1 então a direção do arco está invertida.

https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs

Clockwise

anti-horário

Nos diagramas em anexo, a única diferença é o parâmetro para a esquerda. Math.PI / 2 termina sempre para o sul quando no sentido horário ou anti-horário

Outras dicas

Para obter mais informações, consulte o link abaixo. Eu tenho uma idéia clara usando este link.

http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs /

Eu estava tendo o mesmo problema e fez uma pequena página interativa para ajudar a fazer o sentido dele:

http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas -element

Todos os parâmetros podem ser ajustados e o arco resultante é processado em tempo real. A página também demonstra como o preenchimento (), métodos de interagir com o método arc (). Acidente vascular cerebral () e closePath ()

De acordo com a MDC :

arc(x, y, radius, startAngle, endAngle, anticlockwise)

x, y, e raio são, obviamente, os parâmetros círculo. startAngle e endAngle estão em radianos, começando a leste. anti-horário é um boolean.

Verifique este exemplo simples para uma introdução breve à lona e função arco de HTML5: http://pastebin.com/kxB7uJLD

Assim por muito tempo.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top