寻找Java中对应D3.js .curveBasis的曲线绘制方法

先明确d3.curveBasis的本质 #

d3的curveBasis是一种三次B样条曲线，它通过一组控制点生成平滑连续的曲线。你提到的6个点（2个端点+4个中间控制点），实际是用来构建两段连续的三次B样线段——每段三次B样条需要4个控制点，curveBasis会通过相邻点自动计算出适配的内部控制点，最终形成整体平滑的曲线。

Java中的可行实现方案 #

Java的java.awt.geom包没有直接对应curveBasis的现成图形基元，但可以通过以下两种方式手动复现：

1. 用Path2D构建自定义B样条曲线 #

手动按照curveBasis的控制点计算规则，将多段CubicCurve2D组合到Path2D中。针对你提到的6个点（记为p0-p5，其中p1、p5为端点，p0、p2、p3、p4为控制点），计算逻辑如下：

import java.awt.geom.Path2D;
import java.awt.geom.Point2D;

public class BasisCurveGenerator {
    public static Path2D createBasisCurve(Point2D[] points) {
        Path2D path = new Path2D.Double();
        if (points.length != 6) return path;

        // 起始点对应curveBasis的第一个有效端点p1
        path.moveTo(points[1].getX(), points[1].getY());

        // 第一段三次B样条：从p1到p4
        double ctrl1X = (points[0].getX() + 4 * points[1].getX() + points[2].getX()) / 6;
        double ctrl1Y = (points[0].getY() + 4 * points[1].getY() + points[2].getY()) / 6;
        double ctrl2X = (points[1].getX() + 4 * points[2].getX() + points[3].getX()) / 6;
        double ctrl2Y = (points[1].getY() + 4 * points[2].getY() + points[3].getY()) / 6;
        path.curveTo(ctrl1X, ctrl1Y, ctrl2X, ctrl2Y, points[4].getX(), points[4].getY());

        // 第二段三次B样条：从p4到p5
        ctrl1X = (points[3].getX() + 4 * points[4].getX() + points[5].getX()) / 6;
        ctrl1Y = (points[3].getY() + 4 * points[4].getY() + points[5].getY()) / 6;
        ctrl2X = (4 * points[4].getX() + 2 * points[5].getX()) / 6;
        ctrl2Y = (4 * points[4].getY() + 2 * points[5].getY()) / 6;
        path.curveTo(ctrl1X, ctrl1Y, ctrl2X, ctrl2Y, points[5].getX(), points[5].getY());

        return path;
    }
}

2. 借助JavaFX的SplineCurve（允许引入JavaFX时） #

如果项目可以依赖JavaFX，javafx.scene.shape.SplineCurve支持通过控制点生成B样条曲线，逻辑更贴近curveBasis。示例代码：

import javafx.scene.shape.SplineCurve;
import javafx.geometry.Point2D;

public class FXBasisCurveGenerator {
    public static SplineCurve createBasisSegment(Point2D[] points) {
        SplineCurve curve = new SplineCurve();
        // 第一段曲线：p1到p4
        curve.setStartX(points[1].getX());
        curve.setStartY(points[1].getY());
        curve.setControlX1((points[0].getX() + 4 * points[1].getX() + points[2].getX()) / 6);
        curve.setControlY1((points[0].getY() + 4 * points[1].getY() + points[2].getY()) / 6);
        curve.setControlX2((points[1].getX() + 4 * points[2].getX() + points[3].getX()) / 6);
        curve.setControlY2((points[1].getY() + 4 * points[2].getY() + points[3].getY()) / 6);
        curve.setEndX(points[4].getX());
        curve.setEndY(points[4].getY());
        
        // 如需延伸到p5，可再创建一个SplineCurve拼接
        return curve;
    }
}

关键注意事项 #

• curveBasis的核心是1:4:1的加权平均规则计算控制点，必须严格遵循才能复现一致的平滑效果
• 如果需要适配任意长度的点集，可以参考D3官方的curveBasis实现逻辑，将其控制点计算规则完整移植到Java中

内容的提问来源于stack exchange，提问作者Jeff Higgins