8

我有一些代码采用 png 是具有透明度的灰度图像并尝试创建具有给定背景颜色的新图像(从数据库中查找)并将原始图像覆盖在其上以创建图像具有高光和阴影的所需颜色。该代码在 ASP.NET 上下文中运行,但我认为这无关紧要。

该代码在我的本地计算机上运行良好,但是当它部署到我们的 UAT 服务器时,它会产生意想不到的结果。在 UAT 上,它创建了一个大小合适的图像,但阴影/突出显示的区域似乎在每个维度上都缩小了 20%。所以我正在查看的主图像最初是 5x29,输出图像是 5x29,但阴影区域是 4x23.2(第 24 行略有不同,但主要是背景颜色,所以我假设它在调整大小时进行了一些插值)。

我失败的代码如下:

private byte[] GetImageData(CacheKey key)
{
    byte[] imageData;
    using (Image image = Image.FromFile(key.FilePath))
    using (Bitmap newImage = new Bitmap(image.Width, image.Height))
    {
        using (Graphics graphic = Graphics.FromImage(newImage))
        {
            using (SolidBrush brush = new SolidBrush(ColorTranslator.FromHtml(key.BackgroundColour)))
            {
                graphic.FillRectangle(brush, 0, 0, image.Width, image.Height);
            }
            graphic.DrawImage(image, 0, 0);

            /*
            The following lines see if there is a transparency mask to create final
             transparency. It does this using GetPixel and SetPixel and just modifying
             the alpha of newImage with the alpha of mask. I don't think this should make a difference but code below anyway.
            */

            Bitmap mask;
            if (TryGetMask(key.FilePath, out mask))
            {
                ApplyMask(newImage, mask);
            }


            using (var memoryStream = new MemoryStream())
            {
                newImage.Save(memoryStream, ImageFormat.Png);
                imageData = memoryStream.ToArray();
            }
        }
    }
    return imageData;
}

private void ApplyMask(Bitmap Bitmap, Bitmap mask)
{
    if (mask.Width != Bitmap.Width || mask.Height != Bitmap.Height)
    {
        throw new ArgumentException("Bitmap sizes do not match");
    }
    for (int y = 0; y < Bitmap.Height; y++)
    {
        for (int x = 0; x < Bitmap.Width; x++)
        {
            Color colour = Bitmap.GetPixel(x, y);
            colour = Color.FromArgb(mask.GetPixel(x, y).A, colour);
            Bitmap.SetPixel(x, y, colour);
        }
    }
}

这是我得到的图像(重复四次以更好地证明问题)。第一个是我从本地计算机获取的正确图像。第二个是我的 UAT 服务器出现的问题,它出现了奇怪的“减少 20%”问题。它们以与此类似的方式用作重复背景,因此您可以了解为什么效果如此明显。这些是用白色背景生成的,以便最容易看到问题。如果有人想要的话,我有其他颜色的类似图像。:)

在此处输入图像描述在此处输入图像描述在此处输入图像描述在此处输入图像描述

在此处输入图像描述在此处输入图像描述在此处输入图像描述在此处输入图像描述

作为最后的澄清,所使用的图像应该是相同的(UAT 是从我检查到我们的 GIT repro 的内容中部署的,并且这些图像的版本从未超过一个版本,因此它不能使用错误的版本。

我在想,也许底层的 GDI 在服务器上做的事情与在我的电脑上做的事情不同,但我想不出那会是什么或为什么。

对此行为的任何解释或更好的修复将不胜感激。否则,我将不得不手动逐个像素地进行透明化并覆盖自己,这似乎有点愚蠢。

4

3 回答 3

13
   graphic.DrawImage(image, 0, 0);

当你使用 DrawImage() 的这个重载时,这并不奇怪。它将尝试以原始物理尺寸显示图像。这受视频适配器的 DPI(每英寸点数)设置的影响。今天非常常见的设置是 96、120 和 144 dpi,使用 Windows 中的显示小程序很容易更改。这些 dpi 值对应于小程序中的 100%、125% 和 150%。

如果您想确保这不会发生并且您获得以像素为单位的确切大小,那么您将需要使用 DrawImage(image, Rectangle) 重载。

请注意,物理尺寸很重要。如果你曾经在“视网膜”显示器上使用你的程序,那一天越来越近了,那么 5x29 像素的图像在漂亮的显示器上看起来会像一粒灰尘。制作程序 DpiAware 在过去 30 年一直被忽视,但它变得非常重要。

于 2013-08-07T12:54:23.590 回答
2

也许您对graphics.DpiXgraphics.DpiY有问题,检查这两个属性在您的计算机和服务器中是否具有相同的值

于 2013-08-07T12:39:45.047 回答
0

您是否保存并比较了两侧生成的图像?这看起来有点像 24 位/32 位颜色问题。

如果你使用这个构造函数会发生什么:

公共位图(int宽度,int高度,PixelFormat格式)

using (Bitmap newImage = new Bitmap(image.Width, image.Height, PixelFormat.Format32bppArgb))

当我阅读 MSDN 上的评论时:

Remarks
This constructor creates a Bitmap with a PixelFormat enumeration value of Format32bppArgb.

它不应该有任何区别。

于 2013-08-07T12:31:43.963 回答