JavaFX如何缩放Path坐标且不改变线条宽度？

这个问题确实很常见——JavaFX里Shape（包括Path）的缩放属性会同时作用于几何坐标和笔触宽度，导致缩放后线条变粗。结合你大数据量的场景，我们需要一个不需要修改Path元素、性能友好的方案，下面是具体实现：

核心思路 #

既然缩放会让笔触宽度乘以缩放因子，那我们可以将笔触宽度绑定到缩放因子的倒数，这样就能抵消缩放对线条粗细的影响，同时保留Path坐标的缩放效果，而且完全不需要修改已创建的Path元素。

代码示例 #

修改你的Sandbox类，添加strokeWidth的绑定逻辑：

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));
        
        // 绑定strokeWidth到scaleY的倒数，抵消缩放对线条粗细的影响
        path.strokeWidthProperty().bind(Bindings.createDoubleBinding(
            () -> path.getScaleY() == 0 ? 1 : 1 / path.getScaleY(),
            path.scaleYProperty()
        ));
        
        path.setScaleY(3);
        Pane pane = new StackPane(path);
        Scene scene = new Scene(pane, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

扩展场景 #

如果需要同时缩放X和Y轴（比如等比缩放），可以同时监听两个缩放属性：

path.strokeWidthProperty().bind(Bindings.createDoubleBinding(
    () -> {
        double scale = path.getScaleX(); // 等比缩放时scaleX和scaleY相等
        return scale == 0 ? 1 : 1 / scale;
    },
    path.scaleXProperty(), path.scaleYProperty()
));

如果是用Group包裹多个Path统一缩放，也可以绑定到Group的缩放属性：

Group pathGroup = new Group(path);
pathGroup.setScaleY(3);

path.strokeWidthProperty().bind(Bindings.createDoubleBinding(
    () -> pathGroup.getScaleY() == 0 ? 1 : 1 / pathGroup.getScaleY(),
    pathGroup.scaleYProperty()
));

为什么这个方案适合你的场景 #

• 性能最优：不需要修改Path的任何元素（你的大数据量Path是一次性创建的），只通过属性绑定实时调整笔触宽度，完全避免了重绘或修改Path元素的开销。
• 动态适配：如果是用户通过鼠标拖动等方式动态缩放，绑定逻辑会自动监听缩放属性的变化，实时更新笔触宽度，保持线条粗细一致。
• 实现简单：只需要几行绑定代码，不需要复杂的坐标变换或额外的绘制逻辑。

内容的提问来源于stack exchange，提问作者Markus Köbele