BufferedImage.TYPE_INT_RGB与TYPE_INT_ARGB绘制效果差异问题

问题现象 #

• 使用BufferedImage.TYPE_INT_RGB绘制带黑色边框的正方形时显示正常
• 切换为BufferedImage.TYPE_INT_ARGB模式后，正方形边框仅显示左侧和顶部；绘制圆形时偏移更明显，整体内容比RGB模式下偏左下

问题代码 #

icon = new BufferedImage((int) width, (int) height, BufferedImage.TYPE_INT_ARGB);
Graphics2D g = icon.createGraphics();
g.setColor(Color.yellow);
g.fillRect(0, 0, (int) this.width-1, (int) this.height-1);
g.setColor(Color.BLACK);
g.drawRect(0, 0, (int) this.width, (int) this.height);
g.dispose();

原因分析 #

这是因为TYPE_INT_ARGB是带透明通道的图像模式，Graphics2D默认线条对齐方式为中心对齐——1像素宽的线条会有0.5像素落在图像边界外。在透明模式下，边界外的像素不会被渲染；而TYPE_INT_RGB模式无透明通道，边界外像素会被自动截断或填充背景，因此显示正常。

解决办法 #

1. 配置渲染参数，适配透明图像绘制

创建Graphics2D实例后，添加以下渲染提示优化绘制规则：

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

2. 修正绘制坐标与尺寸

将边框起始坐标偏移0.5像素，让1像素宽的线条完全落在图像范围内，同时调整填充和边框的尺寸匹配：

// 填充完整图像区域
g.fillRect(0, 0, (int) width, (int) height);
// 偏移0.5像素绘制边框，避免线条超出边界
g.drawRect(0.5f, 0.5f, (int) width - 1, (int) height - 1);

3. 完整修正代码

icon = new BufferedImage((int) width, (int) height, BufferedImage.TYPE_INT_ARGB);
Graphics2D g = icon.createGraphics();

// 配置渲染参数
g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL, RenderingHints.VALUE_STROKE_PURE);

g.setColor(Color.yellow);
g.fillRect(0, 0, (int) width, (int) height);

g.setColor(Color.BLACK);
// 偏移0.5像素绘制完整边框
g.drawRect(0.5f, 0.5f, (int) width - 1, (int) height - 1);

g.dispose();

内容的提问来源于stack exchange，提问作者Noah Gaston