绘制一条具有特定角度的线

ATB*_*ATB 2 java graphics swing drawstring shapes

我正在绘制一个图表,其中有两个点,每个点都有一条带有权重的线。

例如图表:点“15”到点“16”线的权重为 1.872,点“16”到点“15”的权重为 1.567。

现在看一下我的图表:

在此输入图像描述

我想画一个始终与线平行(相邻)的字符串。

我计算了直线的斜率,而我计算的角度是该斜率的反正切:

我使用这个函数来旋转字符串:

public static void drawRotate(Graphics2D g2d, double x, double y, double angle, String text) {
    g2d.translate((float)x,(float)y);
    g2d.rotate(Math.toRadians(angle));
    g2d.drawString(text,0,0);
    g2d.rotate(-Math.toRadians(angle));
    g2d.translate(-(float)x,-(float)y);
}
Run Code Online (Sandbox Code Playgroud)

使用 arctan((y2-y1)/(x2-x1)= 线的斜率 ) 的角度,效果不佳。

如何旋转该字符串使其始终与我绘制的线平行?

我的目标:像这个例子一样绘制字符串

在此输入图像描述

WJS*_*WJS 7

这是一个快速演示,可用作如何完成此操作的指南。我省略了一些东西,比如箭头,因为那只是繁忙的工作。我猜测了标签的位置。我建议您阅读Graphics.rotate()and的三个参数版本RenderingHints,anti-aliasing以平滑线条。

您可能需要编写通用方法来方便根据字体大小定位文本和标签。

但我相信你的主要问题是在计算斜率时进行整数除法。

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;

public class GraphicsExample extends JPanel {
    JFrame f = new JFrame("Draw Vector");
    final static int WIDTH = 500;
    final static int HEIGHT = 500;
    String A = "1.567 [B->A]";
    String B = "1.862 [A->B]";
    public static void main(String[] args) {
        SwingUtilities.invokeLater(()-> new GraphicsExample().start());
    }
    public void start() {
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.add(this);
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    }
    public Dimension getPreferredSize() {
        return new Dimension(WIDTH, HEIGHT);
    }
    
    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        int x1= 50;int y1 = 400;
        int x2 = 400; int y2 = 200;
        // copy the graphics context.
        Graphics2D g2d = (Graphics2D) g.create();
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        int diameter = 20;
        drawLine(g2d,x1+diameter/2, y1+diameter/2, x2+diameter/2, y2+diameter/2);
        g2d.setFont(new Font("Arial", Font.PLAIN, 18));
        drawEndPoint(g2d,x1,y1, diameter, "A");
        drawEndPoint(g2d,x2,y2, diameter, "B");
        double angle = Math.atan((double)(y1-y2)/(x1-x2));
        g2d.rotate(angle,x1,y1);
        
        // based on font, this computes the placement of the Strings
        FontMetrics fm = g2d.getFontMetrics();
        int width = SwingUtilities.computeStringWidth(fm, A); // use for both
        g2d.setColor(Color.black);
        g2d.drawString(A, x1 + ((x2-x1) - width)/2, y1);
        g2d.drawString(B, x1 + ((x2-x1) - width)/2, y1+ 30);
        // discard the context.
        g2d.dispose();
    }
    
    public void drawEndPoint(Graphics2D g2d, int x, int y, int diameter, String label) {
        
        g2d.setColor(Color.BLUE);
        g2d.drawString(label, x, y);
        g2d.fillOval(x,y,diameter, diameter);
        g2d.setColor(Color.RED);
        g2d.setStroke(new BasicStroke(2f));
        g2d.drawOval(x,y,diameter, diameter);
    }
    public void drawLine(Graphics2D g2d, int x1, int y1, int x2, int y2) {
        g2d.setColor(Color.RED);
        g2d.setStroke(new BasicStroke(3f));
        g2d.drawLine(x1,y1,x2,y2);
    }
}
Run Code Online (Sandbox Code Playgroud)

演出

在此输入图像描述

  • 这是一个很好的解决方案,我可能提出的唯一建议是在应用转换之前制作图形上下文的“副本”,并在完成后处理该副本。由于“Graphics”是共享资源,因此对其应用转换(并且忘记删除它)会将转换传递到下一个需要绘制的组件。因为我很懒,所以我很想将“Graphics”偏移“翻译”到旋转的中间点,然后你可以使用“0x0”作为锚点;) (4认同)