解決WPF繪制矢量圖形模糊的問題

更新時間：2022年06月28日 09:54:13 作者：天方

這篇文章介紹了WPF繪制矢量圖形模糊問題的解決方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

WPF默認提供了抗鋸齒功能，通過向外擴展的半透明邊緣來實現(xiàn)模糊化。由于WPF采用了設備無關單位，當設備DPI大于系統(tǒng)DPI時，可能會產(chǎn)生像素自動擴展問題，這就導致線條自動向外擴展一個像素，并且與邊緣相鄰的線條顏色變成了半透明，如下圖所示:

這種特性在繪制細線條的時候會導致一些我們所不期望的結(jié)果：顏色變淡，線條模糊，線條變粗。很多時候，我們是無法繪制一個像素的清晰的線條的。對于這個問題，WPF給我們提供了幾種解決方案：

1、設置像素對齊

對于系統(tǒng)內(nèi)置的一些控件，通過設置SnapsToDevicePixels為true，可以非常方便的實現(xiàn)像素對齊。

這個屬性是有繼承效果的，只要在父控件上設置了，其所有的子控件都是生效的。但它有時會出現(xiàn)改變窗口大小時線條消失的情況

2、設置對齊參考線

方法1只針對系統(tǒng)的內(nèi)置的一些控件有效，但對于使用DrawingVisual等方式自繪的圖形則沒有效果。此時可以通過設置參考線解決這一問題。

簡單的示例如下：

void render(DrawingContext dc)
{
    var pen = new Pen(Brushes.Black, 1);
    var d = pen.Thickness / 2;

    var guidelines = new GuidelineSet(new []wppm3vysvbp, new[]wppm3vysvbp);
    dc.PushGuidelineSet(guidelines);

    dc.DrawLine(pen, new Point(30, 10), new Point(30, 80));
    dc.DrawLine(pen, new Point(50, 20), new Point(50, 80));
}

具體代碼參見MSDN：Apply a GuidelineSet to a Drawing，也可以參看這篇文章WPF DrawingContext seems ignore SnapToDevicePixels

3、設置 RenderOptions.EdgeMode="Aliased"

前面的設置參考線方式效果較好，不過需要編寫較多的代碼，并且只能適用于水平或垂直的線條。很多時候，我使用的是設置 RenderOptions.EdgeMode="Aliased"（如果在代碼中則是使用this.SetValue(RenderOptions.EdgeModeProperty, EdgeMode.Aliased)）