JavaFX 如何在不改变线宽的情况下缩放路径的坐标？

Question

我目前正在制作具有缩放和平移功能的阶梯折线图。由于我需要处理的数据量非常大，因此每次调用layoutPlotChildren() 时，我无法重新创建步骤线的整个路径。所以我的想法是创建一次路径元素，然后在缩放和平移事件时对其进行转换。

到目前为止，一切都按计划进行，但是当我尝试扩展路径时遇到了一个大问题。由于 Path 类继承自 Shape，因此 Graph 上的缩放不仅会变换路径的坐标，还会改变其厚度。

我创建了一个最小的工作示例来呈现该问题：

public class Sandbox extends Application
{

    @Override public void start(Stage primaryStage)
    {
        Path path = new Path();
        path.getElements().add(new MoveTo(0, 0));
        path.getElements().add(new LineTo(100, 0));
        path.getElements().add(new LineTo(100, 100));
        path.getElements().add(new LineTo(200, 100));

        path.setScaleY(3);

        Pane pane = new StackPane(path);

        Scene scene = new Scene(pane, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

正如您所看到的，坐标按预期缩放，但所有水平线的粗细都是以前的三倍。我完全理解为什么会发生这种情况，但我想不出任何可能来防止线条变粗。您对如何解决这个问题同时仍然确保可接受的性能有什么建议吗？

Answer 1

请注意，这不是Shape类的问题，而是缩放实际作用的问题：按每个距离的Node因子缩放的A 的渲染时间与未缩放的 一样长。这包括任何线条的粗细。xxNode

但是，您可以通过将坐标乘以比例因子来修改路径元素的坐标：

// class for holing a pair of (x, y) properties with method for modifying the values based on scale
public static class PointScaler {

    private final DoubleProperty xProperty;
    private final DoubleProperty yProperty;
    private final double x0;
    private final double y0;

    public PointScaler(DoubleProperty xProperty, DoubleProperty yProperty) {
        this.xProperty = xProperty;
        this.yProperty = yProperty;

        // save untransformed values
        this.x0 = xProperty.get();
        this.y0 = yProperty.get();
    }

    public void setScale(double factor) {
        xProperty.set(factor * x0);
        yProperty.set(factor * y0);
    }

}

private double scaleFactor = 1;

@Override
public void start(Stage primaryStage) {
    Path path = new Path();
    MoveTo m0 = new MoveTo(0, 0);
    LineTo l0 = new LineTo(100, 0);
    LineTo l1 = new LineTo(100, 100);
    LineTo l2 = new LineTo(200, 100);
    path.getElements().addAll(m0, l0, l1, l2);

    // create list with scaler for each (x,y) pair in the path elements
    List<PointScaler> scalers = new ArrayList<>();
    scalers.add(new PointScaler(m0.xProperty(), m0.yProperty()));
    scalers.add(new PointScaler(l0.xProperty(), l0.yProperty()));
    scalers.add(new PointScaler(l1.xProperty(), l1.yProperty()));
    scalers.add(new PointScaler(l2.xProperty(), l2.yProperty()));

    Pane pane = new StackPane(path);

    Scene scene = new Scene(pane, 800, 600);

    // change scale on click of mouse buttons
    scene.setOnMouseClicked(evt -> {
        if (evt.getButton() == MouseButton.PRIMARY) {
            scaleFactor *= 1.2;
        } else if (evt.getButton() == MouseButton.SECONDARY) {
            scaleFactor /= 1.2;
        } else {
            return;
        }
        // apply scale to path points
        for (PointScaler scaler : scalers) {
            scaler.setScale(scaleFactor);
        }
    });

    primaryStage.setScene(scene);
    primaryStage.show();
}

请注意，该setScale方法保持 x 和 y 比例相同，但修改该方法以适用于不同的变换应该不会太难。请注意，有些PathElement喜欢CubicCurveTo并QuadCurveTo需要多个PointScaler实例。