c# - Rendering sharp lines in WPF -

If I present the following:

  & lt; Grid & gt; & Lt; Canvas snap toolwise pixel = "true" & gt; & Lt; Fill Path = "# FF 2000000" SnapToVideo Pixel = "True" Data = "M 0.00,0.00 L 2.50,0.00 0.00,10.00" /> & Lt; Fill path = "# FF 260014" snaptwoDevice pixel = "true" data = "m 2.50,0.00 l 7.50,0.00 2.50,10.00 0.00,10.00" /> & Lt; Canvas.RenderTransform & gt; & Lt; ScaleTransform ScaleX = "{binding element name = slider, path = value}" scale Y = "{binding element name = slider, path = value}" /> & Lt; /Canvas.RenderTransform> & Lt; / Canvas & gt; & Lt; Slider x: name = "slider" min = "0" max = "50" value = "30" /> & Lt; / Grid & gt;  

I get this result (cx):

Keep in mind the thin white line between the two sizes. I searched around and found out what to do with pixel alignment I hope the settings will be enough to get rid of the SnapsToDevicePixels = "True" line, but that does not work!

Any idea how to get rid of white line? << P>

In this way, try rotating edge aliasing with rendereroptions (see grid properties)

  & Lt; Grid render ops. Edzmoda = "Uncredited" & gt; & Lt; Canvas snap toolwise pixel = "true" & gt; & Lt; Fill Path = "# FF 2000000" SnapToVideo Pixel = "True" Data = "M 0.00,0.00 L 2.50,0.00 0.00,10.00" /> & Lt; Fill path = "# FF 260014" snaptwoDevice pixel = "true" data = "m 2.50,0.00 l 7.50,0.00 2.50,10.00 0.00,10.00" /> & Lt; Canvas.RenderTransform & gt; & Lt; ScaleTransform ScaleX = "{binding element name = slider, path = value}" scale Y = "{binding element name = slider, path = value}" /> & Lt; /Canvas.RenderTransform> & Lt; / Canvas & gt; & Lt; Slider x: name = "slider" min = "0" max = "50" value = "30" /> & Lt; / Grid & gt;