绘制带圆角的三角形

Question

我想在 Java Swing 中画一个顶点稍微平滑的三角形。我学会了如何用这些代码行画一个三角形

Polygon p=new Polygon (vertice_x, vertices_y, number_of_vertices);
g.drawPolygon(p);

但我没有发现任何关于圆角的信息。我读到 Graphics2D 中有一种方法可以让您绘制一个带有圆角边框的矩形，但对于一般的多边形？我应该怎么做？

Answer 1

如果您想要相对少量的舍入，请查看 Stroke and BasicStroke，它允许您对任何多边形的角进行舍入。如果你想要一个非常圆润的三角形，你将不得不自己构建线条形状。绘制圆弧而不是角，或使用样条曲线创建形状。

这里是a tutorial for Strokes.

Answer 2

为了更好地控制圆角（除了使用 Stroke），您可以组合 3 条边线和 3 条贝塞尔曲线作为圆角。使用线性插值得到直线和曲线的 start/end 点，角点作为曲线的控制点。

public Point interpolate(Point p1, Point p2, double t){
    return new Point((int)Math.round(p1.x * (1-t) + p2.x*t), 
            (int)Math.round(p1.y * (1-t) + p2.y*t));
}

Point p1 = new Point(50,10);
Point p2 = new Point(10,100);
Point p3 = new Point(100,100);

Point p1p2a = interpolate(p1, p2, 0.2);
Point p1p2b = interpolate(p1, p2, 0.8);

Point p2p3a = interpolate(p2, p3, 0.2);
Point p2p3b = interpolate(p2, p3, 0.8);

Point p3p1a = interpolate(p3, p1, 0.2);
Point p3p1b = interpolate(p3, p1, 0.8);
...

g.drawLine(p1p2a.x, p1p2a.y, p1p2b.x, p1p2b.y);
g.drawLine(p2p3a.x, p2p3a.y, p2p3b.x, p2p3b.y);
g.drawLine(p3p1a.x, p3p1a.y, p3p1b.x, p3p1b.y);
QuadCurve2D c1 = new QuadCurve2D.Double(p1p2b.x, p1p2b.y, p2.x, p2.y, p2p3a.x, p2p3a.y);
QuadCurve2D c2 = new QuadCurve2D.Double(p2p3b.x, p2p3b.y, p3.x, p3.y, p3p1a.x, p3p1a.y);
QuadCurve2D c3 = new QuadCurve2D.Double(p3p1b.x, p3p1b.y, p1.x, p1.y, p1p2a.x, p1p2a.y);
g.draw(c1);
g.draw(c2);
g.draw(c3);

在上面的代码中，您可以调整传递给 interpolate 的 t 参数来更改角的圆度。

您还可以将所有这些附加到 Path2D 中。 Path2D 实现了 Shape 接口，它允许将对象传递给 Graphics2D.fill 以填充 Shape

Path2D path = new Path2D.Double();
AffineTransform at = new AffineTransform();
path.moveTo(p1p2a.x, p1p2a.y);
path.lineTo(p1p2b.x, p1p2b.y);
path.append(c1.getPathIterator(at), true);
path.lineTo(p2p3b.x, p2p3b.y);
path.append(c2.getPathIterator(at), true);
path.lineTo(p3p1b.x, p3p1b.y);
path.append(c3.getPathIterator(at), true);
path.closePath();
g.fill(path);

绘制带圆角的三角形

Draw triangle with rounded corner

java

swing

polygon

rounded-corners