konvajs中的贝塞尔曲线不是正常的贝塞尔曲线

时间:2018-08-14 11:38:05

标签: konvajs

我想以此将法线更改为贝塞尔曲线:

var grayBezierLine = new Konva.Line({
  points: [50, 50, 100, 100, 150, 50, 200, 100, 250, 50, 300, 100, 350, 50],
  stroke: 'gray',
  strokeWidth: 15,
  lineCap: 'round',
  lineJoin: 'round',
  bezier: true,
});

但是显示很奇怪,检查源代码后发现:

if (bezier) {
    // no tension but bezier
    n = 2;

    while (n < length) {
      context.bezierCurveTo(
        points[n++],
        points[n++],
        points[n++],
        points[n++],
        points[n++],
        points[n++]
      );
    }
  }

起初我以为,除了第一个(50,50)点和最后一个点(350,50)外,所有中间点都是控制点,但不是,每三个点形成一条曲线。

this is 再现演示。

我的问题是这是故意设计还是错误?

0 个答案:

没有答案