旋转两条平行线创建一个 X

Question

下面的代码是我用来旋转两个矩形的代码如下

Graphics2D g2d = (Graphics2D) g;
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
g2d.setColor(Color.WHITE);

//r1
Rectangle2D r1 = new Rectangle2D.Double(0, 0, 50, 4);
g2d.rotate(Math.toRadians(45));
g2d.fill(r1);

//r3
Rectangle2D r3 = new Rectangle2D.Double(0, 25, 50, 4);
g2d.rotate(Math.toRadians(-90));
g2d.fill(r3);

这创建了一个看起来像这样的东西

而我正在尝试创建看起来像这样的东西

这是因为当旋转矩形时，它们都围绕点 0,0 旋转。为了解决这个问题，我尝试使用 rotate(double theta, double x, double y)。但是我无法正确使用它。例如当我试过

Rectangle2D r3 = new Rectangle2D.Double(0, 25, 50, 4);
g2d.rotate(Math.toRadians(-90), 25, 25);

或

Rectangle2D r3 = new Rectangle2D.Double(0, 25, 50, 4);
g2d.rotate(Math.toRadians(-90), 0, 25);

当两个矩形都围绕点 0,0 旋转时，我得到了类似的意外结果。如果能解决我的问题，我将不胜感激。

如果你想知道我为什么这样做，那是因为我希望在我完成编码时产生类似于你点击看到的 3 条平行线的效果 here图片

Answer 1

package test;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.AffineTransform;
import java.awt.geom.Rectangle2D;

import javax.swing.*;

public class Cross extends JPanel {

    private Rectangle2D rectangle;

    Cross() {
        rectangle = new Rectangle2D.Double(0, 0, 50, 4);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;
        g2.setColor(Color.red);
        g2.fillRect(0, 0, getWidth(), getHeight());

        g2.setColor(Color.white);
        AffineTransform at = g2.getTransform();
        g2.translate(5, 5);
        g2.rotate(Math.toRadians(45));
        g2.fill(rectangle);

        g2.setTransform(at);
        g2.translate(5, 5 + Math.sqrt(2) * 25);
        g2.rotate(Math.toRadians(-45));
        g2.fill(rectangle);

        g2.setTransform(at);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("Cross");
        frame.add(new Cross());
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(128, 128);
        frame.setVisible(true);
    }



}

虽然我认为我可能在数学方面犯了错误（看起来有点奇怪），但这应该会给你一个想法。

Answer 2

事实证明，这可以通过一些相对简单的数学运算来完成。因为我想做的形状是一个完美的X。

要计算矩形的位置，我们可以使用 Pythagorean theorem。

上图显示了两个步骤。

Translation [2√2, 0] from the point [0, 0]
Rotate 45deg from the point [2√2, 0]

接下来我们需要计算出这个矩形的最小点。我们可以再次使用 Pythagorean theorem.

这告诉我们第二个矩形的顶点在哪里

Difference in height: 4 - 2√2
Bottom of line when straight: [0, 27√2 + (4 - 2√2)] = [0, 4 + 25√2]
Top of line when straight: [0, 25√2]

最后我们可以放入从 [0, 0]

开始的最后一个矩形

Translation [0, 25√2] from the point [0, 0]
Rotate -45deg from the point [0, 25√2]

现在理论已经过时了，这在代码中是什么样子的？它看起来类似于下面的代码

//Values
final static double[] r1Points = {2.828427125, 0}; //Equivilant 2√2
final static double[] r3Points = {0, 35.35533906}; //Equivilant 25√2
final static int[] widthNHeight = {50, 4}; //Width then height
final static double angle = 45.0; //Angle to rotate lines

//Declaring the rectangles
Rectangle2D r1 = new Rectangle2D.Double(r1Points[0], r1Points[1], widthNHeight[0], widthNHeight[1]);
Rectangle2D r3 = new Rectangle2D.Double(r3Points[0], r3Points[1], widthNHeight[0], widthNHeight[1]);

//r1
g2d.rotate(Math.toRadians(angle), r1Points[0], r1Points[1]); //Rotates graphic for first rectangle
g2d.fill(r1);

//r3
g2d.rotate(Math.toRadians(-angle), r1Points[0], r1Points[1]); //Rotates the graphic back to straight
g2d.rotate(Math.toRadians(-angle), r3Points[0], r3Points[1]); //Rotates graphic for second rectangle
g2d.fill(r3);

旋转两条平行线创建一个 X

Rotate two parallel lines to create an X

java

graphics

swing

rotation

graphics2d