Java Graphics2D 浮点精确绘制椭圆的替代方案?

3

我试图绘制一条圆弧,并在其端点处放置一个圆,但由于四舍五入到最近的像素而出现问题,这在某些情况下是可见的。

有没有一种方法可以使用浮点数和抗锯齿来绘制圆形,以消除这种舍入误差?

您可以运行此代码以查看问题。为清晰起见,我绘制了0长度的圆弧(显示为大点)而不是完整的圆弧。

import java.awt.*;
import javax.swing.*;

public class Example extends JFrame {

    private int CENTER = 200;
    private static int WINDOW = 400;

    private int LEFT = 50;
    private int TOP = 50;
    private int DIM = 300;
    private int DIAMETER = 26;

    public Example () {
        super();
    }

    public void paint (Graphics g) {
        Graphics2D g2 = (Graphics2D) g;

        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

        g2.setStroke(new BasicStroke(16, BasicStroke.CAP_ROUND, BasicStroke.JOIN_MITER));
        g2.setColor(new Color(0, 0, 255));

        g2.drawArc(LEFT, TOP, DIM, DIM, 0, 0);
        g2.drawArc(LEFT, TOP, DIM, DIM, 32, 0);
        g2.drawArc(LEFT, TOP, DIM, DIM, 115, 0);
        g2.drawArc(LEFT, TOP, DIM, DIM, 200, 0);
        g2.drawArc(LEFT, TOP, DIM, DIM, 331, 0);

        this.drawCircle(g2, 0);
        this.drawCircle(g2, 32);
        this.drawCircle(g2, 115);
        this.drawCircle(g2, 200);
        this.drawCircle(g2, 331);

        g2.setStroke(new BasicStroke(1));
        g2.setColor(new Color(0, 0, 0));
        g2.drawLine(0, CENTER, DIM * 2, CENTER);
        g2.drawLine(CENTER, 0, CENTER, DIM * 2);
    }

    private void drawCircle(Graphics2D g, int angle) {
        g.setStroke(new BasicStroke(3));
        g.setColor(new Color(0, 0, 255));
        g.drawOval(
            Math.round(CENTER + (float)(Math.cos(Math.toRadians(angle)) * (DIM/2)) - DIAMETER/2),
            Math.round(CENTER - (float)(Math.sin(Math.toRadians(angle)) * (DIM/2)) - DIAMETER/2),
            DIAMETER,
            DIAMETER
        );
    }

    public static void main (String args[]) {
        Example e = new Example();
        e.setSize(WINDOW, WINDOW);
        e.setVisible(true);
        e.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }
}

1
Ellipse2D? - trashgod
如果您的连续三个正方形,那么您将拥有一个明确的中心点;但如果您拥有四个相邻的正方形,那么您将无法确定其中心点。尽管如此,如果您相信魔法,可以继续使用抗锯齿等技术。 - gpasch
1
@trashgod,你太棒了。加上RenderingHints.VALUE_STROKE_PURE,所有东西都完美地对齐了。谢谢! - thedarklord47
1个回答

4
作为替代方案,可以考虑使用适当的RenderingHintsEllipse2D。典型用法在这里展示。
Ellipse2D circle = new Ellipse2D.Float(…);
Graphics2D g2d = (Graphics2D) g;
g2d.setRenderingHints(…);
g2d.fill(circle);

因为各种RenderingHints都是依赖于具体实现的,下面的例子将让您逐个评估其效果。

image

import java.awt.BasicStroke;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.geom.Ellipse2D;
import javax.swing.JFrame;
import javax.swing.JPanel;

/**
 * @see https://dev59.com/pZnga4cB1Zd3GeqPXl0K#38669048
 */
public class Test {

    private void display() {
        JFrame f = new JFrame("Test");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.add(new JPanel() {
            private static final int N = 8;
            private final Ellipse2D ellipse = new Ellipse2D.Float();

            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                Graphics2D g2d = (Graphics2D) g;
                g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                    RenderingHints.VALUE_ANTIALIAS_ON);
                g2d.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL,
                    RenderingHints.VALUE_STROKE_PURE);
                g2d.setStroke(new BasicStroke(N));
                ellipse.setFrame(N, N, getWidth() - 2 * N, getHeight() - 2 * N);
                g2d.draw(ellipse);
            }

            @Override
            public Dimension getPreferredSize() {
                return new Dimension(320, 240);
            }
        });
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    }

    public static void main(String[] args) {
        EventQueue.invokeLater(new Test()::display);
    }
}

完美。谢谢。如果您实际编写出使其看起来最准确的渲染提示,则可能对未来用户有价值。基本上只需使用VALUE_ANTIALIAS_ONVALUE_STROKE_PURE即可。 - thedarklord47

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接