在两点之间画一条线

Question

嗨，我有 2 个点(X1,Y1)和(X2,Y2)如何在它们之间画一条线？ 谢谢

Answer 1

在摇摆中：

Graphics g;
g.drawLine(X1, Y1, X2, Y2);

如果您在JPanel上绘图，您通常会将此代码放在paintComponent方法中：

@Override
protected void paintComponent(Graphics g) {
    g.drawLine(X1, Y1, X2, Y2);
}

要查看Graphics类上的所有可用方法，请参阅Javadocs 。

Answer 2

看看Graphics.drawLine方法。

您基本上需要覆盖一些小部件（如 JPanel）或获取 Canvas 并在paint方法中执行以下操作：

graphics.drawLine( p1.x, p1.y, p2.x, p2.y );

Answer 3

对于 JFrame，您将在继承 JFrame 类的类中添加一个绘制方法，该方法在 JVM 准备好在 JFrame 上绘制时运行。 然后，在其中，您将调用图形的 'drawLine' 方法，如图所示（确保已导入“Graphics”类并将 X1、Y1、X2、Y2 替换为您选择的整数。）：

public void paint(Graphics g) {
    g.drawLine(X1,X2,Y1,Y2);
}

Answer 4

你也可以试试这个：

var draw = function(ctx,x1,y1,x2,y2) {

    ctx.strokeStyle = "Black";
    ctx.lineWidth = 4;
    ctx.beginPath();
    ctx.moveTo(x1,y1);
    ctx.lineTo(x2,y2);
    ctx.stroke();

};


var drawPoints = function(ctx,points) {

    ctx.strokeStyle = "Black";
    ctx.lineWidth = 4;
    for(var i = 0; i<points.length -1;i++){
        draw(ctx,points[i][0],points [i][1],points[i+1][0],points[i+1][1]);
    }

};


var ctx = canvas.getContext("2d")

现在调用函数：

drawPoints(ctx, points);

您可以将var points array更改为您喜欢的任何点。

var points = [[50,50],[50,100],[100,100],[100,50]];

这应该用黑线连接所有点。 如果你输入三个点，它会形成一个三角形，四个，一个正方形等等。 如果我犯了错误，请告诉我。