JavaFX绕中心旋转矩形？

Question

我试着绕着它的中心旋转一个矩形。使用GraphicsContext ie gc将旋转绘制到画布上。这是我的绘图代码。

gc.save();    
gc.translate(center.x, center.y);
gc.rotate(this.angle);
gc.strokeRect(0,0, this.width, this.height);   
gc.restore();

这会将矩形移动到其中心，然后围绕其左上角点旋转矩形。我试着把两边的长度和宽度减半，但那只会让它飞得到处都是。我数学不好也许这里有更好的人能告诉我我做错了什么。

如果需要的话，我还存储了矩形的所有四个点(角)。

谢了乔

Answer 1

就这么简单，如下图所示。

Rectangle rect = new Reactangle(20, 20, 100, 50);
rect.setRotate(30); //rotate the rectangle around its center by 30 degrees.

Answer 2

围绕指定点的旋转需要由围绕原点的平移变换和旋转组成，如下所示：

1. 使用平移将旋转中心移动到原点
2. 围绕原点旋转
3. 对第一个平移使用逆平移

您的代码中缺少第三部分。

例子

@Override
public void start(Stage primaryStage) throws Exception {
    Canvas canvas = new Canvas(400, 400);
    double x = 50;
    double y = 100;
    double width = 100;
    double height = 200;

    GraphicsContext gc = canvas.getGraphicsContext2D();
    double rotationCenterX = (x + width) / 2;
    double rotationCenterY = (y + height) / 2;

    gc.save();
    gc.translate(rotationCenterX, rotationCenterY);
    gc.rotate(45);
    gc.translate(-rotationCenterX, -rotationCenterY);

    gc.fillRect(0, 0, width, height);
    gc.restore();

    Scene scene = new Scene(new Group(canvas));
    primaryStage.setScene(scene);
    primaryStage.show();
}

您还可以简单地使用带有指定轴的＜code＞旋转＜/code＞来实现所需效果：

@Override
public void start(Stage primaryStage) throws Exception {
    Canvas canvas = new Canvas(400, 400);
    double x = 50;
    double y = 100;
    double width = 100;
    double height = 200;

    GraphicsContext gc = canvas.getGraphicsContext2D();
    double rotationCenterX = (x + width) / 2;
    double rotationCenterY = (y + height) / 2;

    gc.save();
    gc.transform(new Affine(new Rotate(45, rotationCenterX, rotationCenterY)));
    gc.fillRect(0, 0, width, height);
    gc.restore();

    Scene scene = new Scene(new Group(canvas));
    primaryStage.setScene(scene);
    primaryStage.show();
}