动能JS画出四分之一弧

Question

我正在尝试使用Kinetic JS画一个四分之一圆。 不幸的是，当我在下面运行代码时，绘制的形状实际上是饼图，而不是由两条直线连接到中心点的圆弧。

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

有谁知道我不画这两条多余的线怎么能画一条弧呢？

小提琴： http : //jsfiddle.net/GarryPas/55vYU/5/

提前致谢。

Answer 1

只需将innerRadius设置为与externalRadius相同：

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

小提琴： http : //jsfiddle.net/55vYU/6/