旋转 BufferedImage 时如何产生清晰的绘画效果？

Question

一种尝试的方法是使用 TexturePaint 和 g.fillRect() 来绘制图像。然而，这要求您每次绘制图像时都创建一个新的TexturePaint和Rectangle2D对象，这并不理想，而且无论如何也没有帮助。

当我使用 g.drawImage(BufferedImage,...) 时，旋转的图像看起来模糊/柔和。

我熟悉 RenderingHints 和双缓冲（我认为这就是我正在做的事情），我只是发现很难相信你不能在 Java 中轻松有效地旋转图像从而产生明显的结果。

使用 TexturePaint 的代码看起来像这样。

Grahics2D g2d = (Graphics2D)g; 
g2d.setPaint(new TexturePaint(bufferedImage, new Rectangle2D.Float(0,0,50,50)));
g2d.fillRect(0,0,50,50);

我正在使用 AffineTransform 将一手牌旋转成扇形。 快速绘制好看的图像的最佳方法是什么？

这是屏幕截图：

9 很清晰，但其余的卡片绝对没有那么清晰。

问题可能出在我创建每个卡片图像并将其存储在数组中时。
这是我目前的做法：

// i from 0 to 52, card codes.
...
GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
GraphicsDevice gs = ge.getDefaultScreenDevice();
GraphicsConfiguration gc = gs.getDefaultConfiguration();
BufferedImage img = gc.createCompatibleImage(86, 126, Transparency.TRANSLUCENT);

    Graphics2D g = img.createGraphics();
    setRenderingHints(g);
    g.drawImage(shadow, 0, 0, 86, 126, null);
    g.drawImage(white, 3, 3, 80, 120, null);
    g.drawImage(suit, 3, 3, 80, 120, null);
    g.drawImage(value, 3, 3, 80, 120, null);
    g.dispose();

    cardImages[i] = img;
}

private void setRenderingHints(Graphics2D g){
    g.setRenderingHint(KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);
    g.setRenderingHint(KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
    g.setRenderingHint(KEY_ANTIALIASING, VALUE_ANTIALIAS_ON);
}

我应该如何以不同的方式处理这个问题？ 谢谢。

编辑：

没有 RenderingHints

设置 AA 提示没有任何区别。此外，在创建图像时设置 RenderingHints 也没有什么区别。只有当使用 AffineTransform 旋转它们并使用 g.drawImage(...) 绘制它们时，它们才会显得模糊。
上图显示了默认（最近邻）和双线性插值之间的差异。

以下是我目前绘制它们的方式（比TexturePaint快得多）：

// GamePanel.java
private void paintCard(Graphics2D g, int code, int x, int y){
    g.drawImage(imageLoader.getCard(code), x, y, 86, 126, null);
  }

// ImageLoader.java
public BufferedImage getCard(int code){
    return cardImages[code];
  }

我所有的卡片都是80x120，阴影.png是86x126，以便在卡片周围留下3px的半透明阴影。我知道这不是一个真实的影子，但看起来还不错。

所以问题就变成了...... 旋转 BufferedImage 时如何产生清晰的绘制结果？

参考之前的问题，也涉及扇形牌手：
如何检测Java 中图像对象上的鼠标单击事件？

赏金编辑： 好吧，经过多次讨论，我制作了一些测试 .svg 卡，看看 SVG Salamander 如何渲染它们。不幸的是，表现很糟糕。我的实现足够干净，与双缓冲 BufferedImage 一样，绘画速度非常快。这意味着我又回到了原来的问题。

谁能给我一个解决方案来获得锐利的 BufferedImage 旋转，我将悬赏 50 美元。建议在绘制之前使图像比需要的尺寸更大并缩小尺寸，并使用双三次插值。如果这些是唯一可能的解决方案，那么我真的不知道从这里该去哪里，我可能只需要处理模糊的旋转 - 因为这两者都会带来性能挫折。

如果我能找到一种方法来做好这件事，我就能完成我的游戏。 谢谢大家。 :)

Answer 1

当您旋转光栅化图像（例如 BufferedImage）时，您会丢失数据。最好的解决方案是将图像保存为大于您需要的图像，并在绘制图像时即时缩小尺寸。我发现 1.5 倍您需要的大小是一个很好的起点。

然后，当您绘制图像时，即时调整大小：

g.drawImage(bufferedImage, x, y, desiredWidth, desiredHeight, observer);

建议使用双线性插值进行旋转。

建议归功于 guido。

Answer 2

这个建议可能在你的设计中有点晚了，但可能值得一提。

如果您的 UI 中有大量旋转和动画，那么光栅化图像可能是错误的技术；特别是对于具有大量曲线的复杂图像。等到你尝试扩大你的画布。我可能建议查看基于矢量的图形库。它们将渲染您想要的各种效果，同时减少伪影的可能性。

http://xmlgraphics.apache.org/batik/using/swing.htm

Answer 3

在 AffineTransformOp 可能会提供一些改进。类型 TYPE_BICUBIC 虽然速度较慢，但​​通常质量最好； 此处概述了一个示例。请注意，您可以提供多个 RenderingHints。另一个陷阱是由于每次渲染图像时未能应用提示而产生的。您可能还需要调整背景的透明度，如建议的sscce。