如何在WPF中实现像素完美的位图屏幕显示？

我需要在屏幕角落以像素精度显示基础几何图形（直线、正方形、椭圆等）——应用里5像素长的线条，屏幕上必须对应5个像素，因为图像会通过HDMI流传输到视频处理模块做像素级处理。

目前我开发了一个WPF应用，用WriteableBitmapEx绘制几何图形，再通过OnRender方法把位图渲染到Canvas上：

protected override void OnRender(DrawingContext drawingContext)
{
    base.OnRender(drawingContext);

    if (_bitmap is null) return;

    var width = _bitmap.PixelWidth;
    var height = _bitmap.PixelHeight;

    drawingContext.DrawImage(_bitmap, new Rect(0, 0, width, height));
}

我已经给Canvas设置了RenderOptions.BitmapScalingMode="NearestNeighbor"和RenderOptions.EdgeMode="Aliased"，而且Canvas尺寸和位图尺寸一致。

但结果不符合预期：

• 绘制的原图：
  
• 屏幕输出效果：
  
  位图本身是正常的，但屏幕输出里部分线条因位置不同出现重复。

更新：在另一台电脑上，同一图像显示效果如下：

问题原因 #

这种线条重复、错位的核心问题是WPF的**设备无关单位(DIP)**与物理像素的映射出现偏移，尤其在高DPI显示器上。即便Canvas和位图尺寸一致，WPF默认会根据系统DPI缩放系数自动调整元素位置，导致位图被偏移半个像素渲染，进而出现线条重复、模糊或错位。不同电脑的DPI设置差异，也会造成显示效果不同（这就是另一台电脑显示正常的原因）。

修正步骤 #

1. 禁用WPF的自动DPI缩放
   在App.xaml.cs的OnStartup方法中添加代码，强制应用以1:1的DPI比例运行：

   protected override void OnStartup(StartupEventArgs e)
   {
       System.Windows.Forms.Application.SetHighDpiMode(System.Windows.Forms.HighDpiMode.PerMonitorV2);
       base.OnStartup(e);
   }
   

   或者在应用的app.manifest中添加DPI感知配置：

   <application xmlns="urn:schemas-microsoft-com:asm.v3">
       <windowsSettings>
           <dpiAware xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">true/PM</dpiAware>
           <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2, PerMonitor</dpiAwareness>
       </windowsSettings>
   </application>
   

2. 确保位图渲染坐标对齐物理像素
   修改OnRender方法，将渲染矩形对齐到整数像素边界，避免半像素偏移：

   protected override void OnRender(DrawingContext drawingContext)
   {
       base.OnRender(drawingContext);
   
       if (_bitmap is null) return;
   
       var compositionTarget = PresentationSource.FromVisual(this)?.CompositionTarget;
       if (compositionTarget == null) return;
   
       // 获取DPI转换矩阵
       var transform = compositionTarget.TransformToDevice;
       // 计算物理像素级别的矩形
       var pixelRect = new Rect(
           transform.Transform(new Point(0, 0)),
           transform.Transform(new Size(_bitmap.PixelWidth, _bitmap.PixelHeight))
       );
       // 四舍五入到整数，确保像素对齐
       pixelRect.X = Math.Round(pixelRect.X);
       pixelRect.Y = Math.Round(pixelRect.Y);
       pixelRect.Width = Math.Round(pixelRect.Width);
       pixelRect.Height = Math.Round(pixelRect.Height);
   
       drawingContext.DrawImage(_bitmap, pixelRect);
   }
   

3. 补充渲染对齐设置
   在Window标签中添加以下属性，强化像素对齐：

   <Window ...
           UseLayoutRounding="True"
           SnapsToDevicePixels="True">
   

   同时确保Canvas的SnapsToDevicePixels属性设置为True。

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