zoukankan      html  css  js  c++  java
  • 【C#/WPF】修改图像的DPI、Resolution

    问题:
    WPF中默认使用的图像的DPI是96。如果我们使用的图素的DPI不是96时(比如是72),那么WPF会把图片的DPI自动改为96,导致图像加载出来的实际大小Width和Height会比想要的大(原图显示大小会是实际图大小的72/96 = 3/4),比如图片会在Image控件内显示超框了。

    如何发现问题的:
    这个问题是Debug中从Bitmap身上的HorizontalResolution、VerticalResolution属性发现的。(Resolution本应该为72,却变成了96)。Bitmap在转为BitmapImage 时,会导致原图的DPI从72变为96!

    思路:想办法将DPI从96修改回设计的72。

    WPF的Image控件显示图片时,控件要求的Source赋值类型为ImageSource,该类型及其子类都可以用于给Image控件设置图片,继承关系:

    BitmapImage --> BitmapSource --> ImageSource

    即使用以上三种的任一类型都可以给Image控件赋值图源。选择根据实际需求,因为还要考虑到类型间的转换。
    由于这些类型不通用(BitmapImage 类暂时只看到WPF在用到),现在要改用通用的Bitmap类型。即操作Bitmap类型,最后再转型为BitmapImage (或BitmapSource / ImageSource)给前台Image控件使用。(可以写一个XAML的转换器,或者Controller层转型)。

    想通过代码动态修改每张图片的DPI,发现BitmapImage类身上与DPI相关的属性基本上都是只读的。而Bitmap类身上的HorizontalResolution和VerticalResolution属性是只读的,但有一个SetResolution()方法。可以使用该方法修改Resolution了。

    还有一种比较另类的方法。BitmapImage身上DecodePixelWidth和DecodePixelHeight可读可写,而且该属性也会影响到图像显示的真实宽高。那么可以在不改变DPI的情况下,改变这两个属性来实现图像的缩放。代码如下:

    public static void ModifyBitmapImageDecodePixel(BitmapImage bi, System.Drawing.Bitmap bitmap)
    {
        double scale = 72.0 / 96.0; // 因为Bitmap转BitmapImage时,DPI从96变成了72,导致图像变大。
        bi.DecodePixelWidth = (int)(bitmap.Width * scale);
        bi.DecodePixelHeight = (int)(bitmap.Height * scale);
    }

    小结:修改DPI或Resolution最终都可以修改图像的真实显示大小。

    本文仅是记录一下WPF有这么一个默认图像DPI是96的坑。

  • 相关阅读:
    Allegro PCB Design GXL (legacy) 使用slide无法将走线推挤到焊盘的原因
    OrCAD Capture CIS 16.6 导出BOM
    Altium Designer (17.0) 打印输出指定的层
    Allegro PCB Design GXL (legacy) 将指定的层导出为DXF
    Allegro PCB Design GXL (legacy) 设置十字大光标
    Allegro PCB Design GXL (legacy) 手动更改元器件引脚的网络
    magento产品导入时需要注意的事项
    magento url rewrite
    验证台湾同胞身份证信息
    IE8对css文件的限制
  • 原文地址:https://www.cnblogs.com/guxin/p/csharp-wpf-modify-image-dpi-and-resolution.html
Copyright © 2011-2022 走看看