为什么 GDI+ 会截断缩放图像?

问题描述 投票:0回答:3

我正在使用 GDI+ (C#) 进行一些图像缩放,并且注意到一个问题,即我正在缩放的图像沿着左侧和顶部边缘被切断。

http://zctut.com/cutoff.png

要重现此情况,请创建一个新的表单项目,将此图像保存到 bin\debug 文件夹中,并将以下代码添加到表单(以及相应的事件):

public partial class Form1 : Form {
    public Form1() {
        InitializeComponent();
    }

    int scale = 1;
    Image img = Image.FromFile("circle.png");

    private void Form1_Paint(object sender, PaintEventArgs e) {
        //this makes the glitch easier to see
        e.Graphics.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.NearestNeighbor;

        RectangleF srcRect = new RectangleF(0f, 0f, img.Width, img.Height);
        RectangleF destRect = new RectangleF(0f, 0f, img.Width * scale, img.Height * scale);

        e.Graphics.DrawImage(img, destRect, srcRect, GraphicsUnit.Pixel);
    }

    private void Form1_Click(object sender, EventArgs e) {
        scale++;
        if (scale > 8) scale = 1;
        Invalidate();
    }
}

如您所见,最左边和最上面的像素行被切断,就好像缩放矩形在像素的中间开始一样。

编辑:请注意,我还尝试使用缩放变换而不是使用上面的矩形,并且它呈现完全相同。

现在,我确实发现了一种解决方法。如果您像这样更改上面示例中的矩形声明:

RectangleF srcRect = new RectangleF(-0.5f, -0.5f, img.Width, img.Height);

这样我们就可以纠正“中途”的问题,然后图像就可以正确渲染。

基本上,虽然这很容易解决,但我是否做错了什么,或者这是正常行为?

编辑:根据 Andrei Pana 的建议,我尝试在绘图调用之前添加此代码:

e.Graphics.PixelOffsetMode = System.Drawing.Drawing2D.PixelOffsetMode.None;

而且不幸的是,它并没有影响渲染。边缘还是被切掉了。

c# gdi+ image-manipulation
3个回答
14
投票

尝试将 PixelOffsetMode 设置为 PixelOffsetMode.Half。默认情况下,对于高速抗锯齿,像素偏移 -0.5


0
投票

将图像的大小设置为比其包含的图形大 2 个像素(在每个维度上)。我也遇到过这种情况,并且发现抗锯齿过冲每侧绝不会超过 1 个像素。

换句话说,要么关闭抗锯齿功能(这将解决此问题),要么更改代码的这一部分:

RectangleF destRect = new RectangleF(0f, 0f, img.Width * scale, img.Height * scale);

对此:

RectangleF destRect = new RectangleF(1f, 1f, img.Width * scale -2, img.Height * scale -2);

(或使用使用 srcRect 的等效解决方法)

是的,这是正常行为,并且是 GDI+/.Net 的已知问题。


0
投票

这些是:我的高质量设置和我发现适用于像素化图像的设置:

// High Quality
g.InterpolationMode = InterpolationMode.HighQualityBicubic;
g.PixelOffsetMode = PixelOffsetMode.HighQuality;
g.SmoothingMode = SmoothingMode.HighQuality;

// Pixel Art
g.InterpolationMode = InterpolationMode.NearestNeighbor;
g.PixelOffsetMode = PixelOffsetMode.Half;
g.SmoothingMode = SmoothingMode.None;
© www.soinside.com 2019 - 2024. All rights reserved.