You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JavaFX中使用Rotate旋转Polygon子类后无法正确获取变换后顶点位置的技术问询

解决JavaFX Polygon旋转后顶点坐标获取错误的问题

我来帮你搞定这个旋转后坐标不对的问题!核心原因是你现在只提取了变换中的平移分量,但旋转(以及缩放、剪切这类线性变换)会通过完整的变换矩阵影响顶点坐标,不能简单地用getTx()/getTy()来叠加。下面分步骤给你解决:

1. 正确获取变换后的顶点坐标

JavaFX提供了现成的方法来转换坐标,不需要手动计算矩阵分量。对于任意一个原始局部顶点,你可以用localToParent()方法直接得到它在父容器中的坐标:

// 获取第一个顶点的父容器坐标
Point2D localVertex = new Point2D(getPoints().get(0), getPoints().get(1));
Point2D parentVertex = localToParent(localVertex);
double x = parentVertex.getX();
double y = parentVertex.getY();

这个方法会自动应用所有已添加的变换(平移、旋转、缩放等),给出准确的最终坐标。

2. 修正getCenterX()和getCenterY()方法

原来的方法只加了平移量,完全没考虑旋转的影响。改成用localToParent()转换每个顶点后再计算平均值:

public double getCenterX() {
    double sumX = 0;
    int vertexCount = getPoints().size() / 2;
    
    for (int i = 0; i < getPoints().size(); i += 2) {
        Point2D localPoint = new Point2D(getPoints().get(i), getPoints().get(i + 1));
        sumX += localToParent(localPoint).getX();
    }
    
    return sumX / vertexCount;
}

public double getCenterY() {
    double sumY = 0;
    int vertexCount = getPoints().size() / 2;
    
    for (int i = 0; i < getPoints().size(); i += 2) {
        Point2D localPoint = new Point2D(getPoints().get(i), getPoints().get(i + 1));
        sumY += localToParent(localPoint).getY();
    }
    
    return sumY / vertexCount;
}

3. 修复旋转枢轴的问题

你之前在鼠标按下时获取的centerX/centerY是变换后的父容器坐标,但Rotate构造函数中的枢轴参数默认是节点的局部坐标,这就导致旋转时用错了中心点。更好的做法是预计算多边形的原始局部中心,始终围绕这个中心旋转:

步骤3.1:在Piece类中添加原始局部中心的属性

private double localCenterX;
private double localCenterY;

步骤3.2:在构造函数中计算原始局部中心

public Piece(double... points) {
    super(points);
    calculateLocalCenter();
}

private void calculateLocalCenter() {
    double sumX = 0, sumY = 0;
    int vertexCount = getPoints().size() / 2;
    
    for (int i = 0; i < getPoints().size(); i += 2) {
        sumX += getPoints().get(i);
        sumY += getPoints().get(i + 1);
    }
    
    localCenterX = sumX / vertexCount;
    localCenterY = sumY / vertexCount;
}

步骤3.3:修改旋转逻辑,使用原始局部中心作为枢轴

piece.setOnMousePressed(new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent event) {
        originalX = event.getSceneX();
        originalY = event.getSceneY();
        // 不再需要获取变换后的centerX/centerY,用预计算的局部中心即可
    }
});

// 鼠标拖拽旋转部分
if (event.getButton() == MouseButton.SECONDARY) {
    double deltaY = event.getSceneY() - originalY;
    // 使用原始局部中心作为旋转枢轴,确保旋转始终围绕自身中心
    Rotate rotation = new Rotate(deltaY, piece.localCenterX, piece.localCenterY);
    piece.getTransforms().add(rotation);
    originalY = event.getSceneY();
}

4. 优化平移逻辑(可选但推荐)

你之前每次拖拽都添加新的Translate到transforms列表,会导致变换越来越多,性能下降。可以维护一个单一的Translate对象,每次更新它的偏移量:

步骤4.1:在Piece类中添加Translate属性

private Translate translate = new Translate();

步骤4.2:在构造函数中添加这个Translate到变换列表

public Piece(double... points) {
    super(points);
    calculateLocalCenter();
    getTransforms().add(translate); // 只添加一次
}

步骤4.3:修改平移拖拽逻辑

if (event.getButton() == MouseButton.PRIMARY) {
    double deltaX = event.getSceneX() - originalX;
    double deltaY = event.getSceneY() - originalY;
    // 更新已有Translate的偏移量,而不是添加新的
    translate.setX(translate.getX() + deltaX);
    translate.setY(translate.getY() + deltaY);
    originalX = event.getSceneX();
    originalY = event.getSceneY();
}

这样修改后,不管是平移还是旋转,你都能准确获取变换后的顶点坐标和中心位置了!

内容的提问来源于stack exchange,提问作者Bassusour

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.29 19:22:27