java - 在两个节点（圆）之间绘制一条边（线）

问题描述

我正在研究一个依赖图，该图由多个节点和从图中一个节点到另一个节点的多个有向边组成。

我试图通过将 n 个节点添加为圆圈和将这些节点之间的边添加为一条线来绘制图形的可视化。

我使用 Java 的图形库以及 JPanel 和 Jframe。

这是目前我所做的代码：

public class LoopUnrolling extends JPanel{


static int length = 5;
static String graph[][] = new String[length][length];


@Override
public void paintComponent(Graphics g){

    super.paintComponent(g);

    Random random = new Random();

    int x1 = random.nextInt(500);
    int y1 = random.nextInt(100);

    int x2 = random.nextInt(500);
    int y2 = random.nextInt(100);

    g.setColor(Color.red);
    g.drawOval(x1,y1,30,40);
    g.drawOval(x2,y2,30,40);
    g.drawLine(x1, y1, x2, y2);



}
public static void main(String[] args) {

         LoopUnrolling paintObject = new LoopUnrolling();
         JFrame jf = new JFrame();
         jf.setTitle("Dependancy Graph");
         jf.setSize(600,400);
         jf.setVisible(true);
         jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         jf.add(paintObject);
        }


 }

我能够画出两个圆圈和一条线，但我遇到的问题是将这两个圆圈与边缘连接起来。

我在画布上的一个随机位置绘制了每个节点，并希望在这两个节点之间添加一条线。这条线有 Point1(x1,y1) 和 Point2(x2,y2)。这些点应该是两个不同节点（圆）轮廓上的点

标签： javageometry2ddrawingp5.js

你有两个带中心的椭圆

 cx1 = x1 + w1/2, cy1 = y1 + h1/2 
 and 
 cx2 = x2 + w2/2, cy2 = y2 + h2/2

其中 wxx 和 hxx 是椭圆的宽度和高度（的第三个和第四个参数drawOval）

获取差异向量

 dx = cx2 - cx1
 dy = cy2 - cy1

规范化它

 len  = sqrt(dx*dx + dy*dy)
 dx = dx / len
 dy = dy / len

现在计算圆周上的点

 r1 = 0.5 * w1 * h1 / sqrt(w1*w1*dy*dy+h1*h1*dx*dx)
 px1 = cx1 + r1 * dx
 py1 = cy1 + r1 * dy

 r2 = 0.5 * w2 * h2 / sqrt(w2*w2*dy*dy+h2*h2*dx*dx)
 px2 = cx2 - r2 * dx
 py2 = cy2 - r2 * dy

并画线段(px1,py1)-(px2,py2)

示例Delphi 实现和结果：

java - 在两个节点（圆）之间绘制一条边（线）

问题描述

解决方案

推荐阅读