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设置为与outerRadius相同：

 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/

Kinetic JS画了四分之一弧

1 个答案: