绘制多个圆的问题（drawOval / Java）

Question

我的问题如下：我的实际项目（下面的代码是其简化版本）涉及许多同心圆（每个都有不同的颜色）和使用计时器的动画。圆圈是使用 drawOval 方法绘制的。

我的问题是，当绘制这些同心圆时，这些圆的轮廓中似乎有很多间隙，我猜这与圆由像素和线条组成的事实有关是任何形状，所以圆形的外观是一种错觉。我这样说是因为当我将 drawOval 方法换成 drawRect 时，绘画看起来就像你所期望的那样。

在弄乱其他人的代码时，我发现使用 RenderingHints 以某种方式解决了这个问题，但是将动画减慢到了我认为可以接受的程度。

下面是绘制的截图。我们看到的是：

这是我的简化代码：

Test10

import java.awt.Dimension;
import java.awt.Graphics;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.WindowConstants;
public class Test10 extends JPanel {
Circle[] circles;
    public static void main(String[] args) {
        new Test10().go();
    }
    void go() {
        JFrame frame = new JFrame("Circle Test");
        frame.getContentPane().add(this);
        frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        circles = new Circle[200];
        for (int i = 0; i < 200; i++) {
            circles[i] = new Circle(i, ((2 * ( 200 - i) + 1)));
        }
        repaint();
        frame.setPreferredSize(new Dimension(500,500));
        frame.pack();
        frame.setVisible(true);
    }
    public void paintComponent(Graphics g) {
        for (Circle circle : circles ) {
            circle.draw(g);
        }
    }
}

圈子

import java.awt.Graphics;    
public class Circle {
int topLeft;
int diameter;
    public Circle(int topLeft, int diameter) {
        this.topLeft = topLeft;
        this.diameter = diameter;
    }
    void draw(Graphics g) {
        g.drawOval(topLeft, topLeft, diameter, diameter);

    }
}

谁能向我解释a）为什么会发生这种情况，b）如何克服这个问题。


更新
尝试了各种方法，包括从最外圈开始并使用 fillOval 而不是 drawOval，以及使用更高的 stroke 值，我仍然发现我有某些人工制品出现的问题与 Pavel 发布的屏幕截图相似。这是我运行动画的完整应用程序的屏幕截图，如果您仔细观察，您会发现大多数给定圆圈的颜色不一致，从而导致这些奇怪的结果。它们的分布实际上遵循与上面发布的屏幕截图相同的模式，因此这些选项显然没有解决一些基本问题。这是我的屏幕截图：

Answer 1

画完美的圆是不可能的。

试试下面的方法

public void paintComponent(Graphics g) {
        Graphics2D g2d = (Graphics2D)g;
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g2d.setStroke(new BasicStroke(2));
        int i = 0;
        for (Circle circle : circles ) {
            Shape circle2 = new Ellipse2D.Double(i++, i, circle.diameter, circle.diameter);
            g2d.draw(circle2);
        }
    }

您说您尝试使用RenderingHints，它会减慢您的动画速度，但您没有给我们任何动画代码，所以也许试试我的代码（很高兴看到动画实现）。它看起来更好，但仍然不是你想要的。将 stroke 设置为另一个值将解决此问题（至少设置为 2）。另一种是使用.fill() 而不是.draw()。我知道它并不完美，但你可以试试。

另一个想法

我想，也许你可以给你的图像添加一些模糊，这样那些伪影就看不见了？ 我以前没有做过，但我发现了这个（found HERE）：

private class BlurGlass extends JComponent {
        private JFrame f;

        public BlurGlass(JFrame f) {
            this.f = f;
            setOpaque(false);
            setFocusable(false);
        }

        public void paintComponent(Graphics g) {
            int w = f.getWidth();
            int h = f.getHeight();
            setLocation(0, 0);
            setSize(w, h);
            g.setColor(new Color(0, 0, 0, 0.3f));
            g.fillRect(0, 0, w, h);
        }
    }

现在在 go() 方法中的某处：

frame.setGlassPane(new BlurGlass(frame));
frame.getGlassPane().setVisible(true);

对我来说看起来好多了。玩一下这个 GlassPane 颜色（尝试将 .3f 更改为其他值）。

Answer 2

您可能想让Stroke 更大。在与您类似的情况下，我很幸运

Answer 3

您可以尝试在绘图函数中的 Circle 类中添加此行：

Graphics2D g2 = (Graphics2D) g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
//and draw the Oval on g2

另一种解决方案可能是填充圆圈：

Ellipse2D.Double circle = new Ellipse2D.Double(x, y, diameter, diameter);
g2.fill(circle);

Answer 4

这是因为计算机无法画出完美的圆。

计算机使用方形像素来近似真实的圆形，但它不可能达到完美，导致某些像素不显示

画一个实心圆会帮助你

a detailed explanation

Answer 5

请您尝试使用 fillOval 方法而不是 drawOval。

g.fillOval(topLeft, topLeft, diameter, diameter);

Answer 6

扭转你的想法。从最外圈开始，然后画内圈，以此类推，以最小的圆圈结束。你应该在这个过程中使用fillOval。

Answer 7

另一个通常对圆形/椭圆有用的渲染提示是

g.setRenderingHint( RenderingHints.  KEY_STROKE_CONTROL,
                    RenderingHints.VALUE_STROKE_PURE);

见我的other answer with more details and example。