快捷導(dǎo)航

解決WPF繪制矢量圖形模糊的問(wèn)題

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

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

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

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

1、設(shè)置像素對(duì)齊

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

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

2、設(shè)置對(duì)齊參考線

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

簡(jiǎn)單的示例如下：

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

    var guidelines = new GuidelineSet(new []ublnpf9mb, new[]ublnpf9mb);
    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));
}

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

3、設(shè)置 RenderOptions.EdgeMode="Aliased"

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