为何Direct2D/WPF线条始终占2像素？如何实现GDI+单像素效果

Let’s break down the root cause of this behavior and walk through how to get crisp 1-pixel lines like GDI+ produces:

The Core Issue: Coordinate System Differences #

The key distinction lies in how each rendering framework interprets pixel positions:

• GDI+ uses a pixel-aligned system where integer coordinates point to the top-left corner of a pixel. When you draw a 1px-wide horizontal line at y = 10, it fits perfectly within the single row of pixels starting at that y-position.
• Direct2D and WPF use device-independent coordinate systems where integer coordinates mark the center of a pixel. A 1px-wide line drawn at y = 10 spans from y = 9.5 to y = 10.5, covering two adjacent pixel rows. Default anti-aliasing blurs the line across both rows, making it look like it occupies 2 pixels (or just appear thicker and less sharp).

Fix for Direct2D #

To get a sharp 1-pixel line, you need to align the line to pixel boundaries by offsetting your coordinates by 0.5f in the direction of the line’s thickness. For your horizontal lines, adjust the Y-coordinate:

Modified Code Snippet #

// Add 0.5f to the Y-position to align with pixel edges
float yPos = i * distance + 10 + 0.5f;
if(i<=10) {
    RenderTarget2D.DrawLine(
        new RawVector2(0, yPos), 
        new RawVector2(renderControl.Width, yPos), 
        SceneColorBrush, 
        ((float)i) / 10.0f 
    );
} else if (i == 11) {
    RenderTarget2D.DrawLine(
        new RawVector2(0, yPos), 
        new RawVector2(renderControl.Width, yPos), 
        FlagSceneColorBrush, 
        i - 10 
    );
} else {
    RenderTarget2D.DrawLine(
        new RawVector2(0, yPos), 
        new RawVector2(renderControl.Width, yPos), 
        SceneColorBrush, 
        i - 11 
    );
}

Quick notes:

• Lowering strokeWidth below 1 won’t make the line thinner—it just reduces the opacity of the anti-aliased edges, which is why you saw it darken instead of shrinking.
• If you want to disable anti-aliasing entirely, you can set the render target’s pixel mode to D2D1_PIXEL_MODE_ALIASED during creation, but coordinate alignment is still recommended for crisp, predictable lines.

Fix for WPF #

WPF shares the same coordinate system quirk, so the solution follows the same logic. You have two reliable options:

Option 1: Manual Coordinate Offset #

Adjust the Y-coordinate by 0.5 to snap the line to pixel boundaries:

float yPos = i * distance + 10 + 0.5f;
if (i <= 10) {
    Pen p = new Pen(myLineBrush, ((float)i) / 10);
    drawingContext.DrawLine(p, new Point(0, yPos), new Point(this.Width, yPos));
} else if (i == 11) {
    Pen p = new Pen(myFlagLineBrush, 1.0f);
    drawingContext.DrawLine(p, new Point(0, yPos), new Point(this.Width, yPos));
} else {
    myLineBrush.Color = Color.FromArgb(255, 255, 255, 255);
    Pen p = new Pen(myLineBrush, i - 11);
    drawingContext.DrawLine(p, new Point(0, yPos), new Point(this.Width, yPos));
}

Option 2: WPF’s Built-in Pixel Snapping #

If you were using XAML elements instead of DrawingContext, you could set SnapsToDevicePixels="True" or UseLayoutRounding="True" on the parent element. Since you’re working directly with DrawingContext, manual coordinate adjustment is the most consistent approach.

WPF’s Pen uses anti-aliasing by default—if you want to turn it off, you can set RenderOptions.SetEdgeMode(element, EdgeMode.Aliased), but coordinate alignment is still the better choice for sharp 1-pixel lines.

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