Pergunta

Eu estou tentando desenhar um quarto de círculo usando Cinética JS.Infelizmente, quando eu executar o código abaixo, a forma desenhada, na verdade, é uma torta em vez de um arco com duas linhas de unir-se a um ponto central.

var arc = new Kinetic.Arc({
  outerRadius: 80,
  stroke: 'black',
  strokeWidth: 5,
  angle: 60,
  rotationDeg: -120,
  x:100,
  y:100,
});

Alguém sabe como eu posso desenhar apenas um arco sem a adição destas duas linhas indesejadas?

Violino: http://jsfiddle.net/GarryPas/55vYU/5/

Obrigado antecipadamente.

Foi útil?

Solução

Basta definir o innerRadius para ser o mesmo que o outerRadius:

 var arc = new Kinetic.Arc({
      innerRadius: 80,
      outerRadius: 80,
      stroke: 'black',
      strokeWidth: 5,
      angle: 90,
      rotationDeg: 0,
      x:100,
      y:100,
    });

violino: http://jsfiddle.net/55vYU/6/

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