Make polyline appear crisp and clear in small content control (wpf)

This is a multi-part message in MIME format.

------=_NextPart_000_0025_01C8B090.98590850
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

Hi, I have 3 tiny content controls and each has a Path in it to draw =
some lines. These need to be very small and I'm having trouble making =
the lines clear. the lines have a stroke thickness of "1", but when I =
run the app, they become pixilated and blur out. Can someone please =
help me on this?

Thanks.

<Grid HorizontalAlignment=3D"Left" Margin=3D"10,0,0,0" Width=3D"11" =
Height=3D"33">

<Grid.RowDefinitions>

<RowDefinition Height=3D"10" />

<RowDefinition Height=3D"1" />

<RowDefinition Height=3D"10" />

<RowDefinition Height=3D"1" />

<RowDefinition Height=3D"10" />

</Grid.RowDefinitions>



<ContentControl Grid.Row=3D"0">

<Border BorderBrush=3D"#FF016491" BorderThickness=3D"1,1,1,1" >

<Path Stroke=3D"Blue" StrokeThickness=3D"1">

<Path.Data>

<PathGeometry>

<PathFigure StartPoint=3D"2,4">

<LineSegment Point=3D"7,4"/>

</PathFigure>

</PathGeometry>

</Path.Data>

</Path>

</Border>

</ContentControl>



<ContentControl Grid.Row=3D"2">

<Border BorderBrush=3D"#FF016491" BorderThickness=3D"1,1,1,1" >

<Path Stroke=3D"Blue" StrokeThickness=3D"1">

<Path.Data>

<PathGeometry>

<PathFigure StartPoint=3D"2,2">

<LineSegment Point=3D"5,2"/>

<LineSegment Point=3D"5,6"/>

<LineSegment Point=3D"2,6"/>

</PathFigure>

<PathFigure StartPoint=3D"5,4">

<LineSegment Point=3D"8,4"/>

</PathFigure>

</PathGeometry>

</Path.Data>

</Path>

</Border>

</ContentControl>



<ContentControl Grid.Row=3D"4">

<Border BorderBrush=3D"#FF016491" BorderThickness=3D"1,1,1,1" >

<Path Stroke=3D"Blue" StrokeThickness=3D"1">

<Path.Data>

<PathGeometry>

<PathFigure StartPoint=3D"0,2">

<LineSegment Point=3D"3,2"/>

<LineSegment Point=3D"3,6"/>

<LineSegment Point=3D"0,6"/>

</PathFigure>

<PathFigure StartPoint=3D"3,4">

<LineSegment Point=3D"6,4"/>

</PathFigure>

<PathFigure StartPoint=3D"9,2">

<LineSegment Point=3D"6,2"/>

<LineSegment Point=3D"6,6"/>

<LineSegment Point=3D"9,6"/>

</PathFigure>

</PathGeometry>

</Path.Data>

</Path>

</Border>

</ContentControl>

</Grid>

--=20
moondaddy@newsgroup.nospam
------=_NextPart_000_0025_01C8B090.98590850
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.6000.16640" name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY>
<DIV>
<SPAN=20
style=3D"FONT-SIZE: 7.5pt; FONT-FAMILY: Verdana">Hi,=20
I have 3 tiny content controls and each has a Path in it to draw some=20
lines.  These need to be very small and I'm having trouble making =
the lines=20
clear.  the lines have a stroke thickness of "1", but when I run =
the app,=20
they become pixilated and blur out.  Can someone please help me on=20
this? Thanks.<?xml:namespace prefix =3D o ns =3D=20
"urn:schemas-microsoft-com:office:office"=20
/><o:p></o:p></DIV>
<DIV> </DIV>
<DIV>
<<FONT=20
color=3D#a31515>Grid =
HorizontalAlignment<FONT=20
color=3D#0000ff>=3D"Left" =
Margin<FONT=20
color=3D#0000ff>=3D"10,0,0,0" =
Width<FONT=20
color=3D#0000ff>=3D"11" Height<FONT=20
color=3D#0000ff>=3D"33">
<<FONT=20
color=3D#a31515>Grid.RowDefinitions<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>RowDefinition =
Height<FONT=20
color=3D#0000ff>=3D"10" />
<<FONT=20
color=3D#a31515>RowDefinition =
Height<FONT=20
color=3D#0000ff>=3D"1" />
<<FONT=20
color=3D#a31515>RowDefinition =
Height<FONT=20
color=3D#0000ff>=3D"10" />
<<FONT=20
color=3D#a31515>RowDefinition =
Height<FONT=20
color=3D#0000ff>=3D"1" />
<<FONT=20
color=3D#a31515>RowDefinition =
Height<FONT=20
color=3D#0000ff>=3D"10" />
</<FONT=20
color=3D#a31515>Grid.RowDefinitions<FONT=20
color=3D#0000ff>>

<<FONT=20
color=3D#a31515>ContentControl =
Grid.Row<FONT=20
color=3D#0000ff>=3D"0">
<<FONT=20
color=3D#a31515>Border =
BorderBrush<FONT=20
color=3D#0000ff>=3D"#FF016491"=20
BorderThickness=3D"1,1,1,1"=20
>
<<FONT=20
color=3D#a31515>Path Stroke<FONT=20
color=3D#0000ff>=3D"Blue" =
StrokeThickness<FONT=20
color=3D#0000ff>=3D"1">
<<FONT=20
color=3D#a31515>Path.Data<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathGeometry<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathFigure =
StartPoint<FONT=20
color=3D#0000ff>=3D"2,4">
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"7,4"/>
</<FONT=20
color=3D#a31515>PathFigure<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>PathGeometry<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Path.Data<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Path><FONT=20
color=3D#808000>
</<FONT=20
color=3D#a31515>Border<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>ContentControl<FONT=20
color=3D#0000ff>>

<<FONT=20
color=3D#a31515>ContentControl =
Grid.Row<FONT=20
color=3D#0000ff>=3D"2">
<<FONT=20
color=3D#a31515>Border =
BorderBrush<FONT=20
color=3D#0000ff>=3D"#FF016491"=20
BorderThickness=3D"1,1,1,1"=20
>
<<FONT=20
color=3D#a31515>Path Stroke<FONT=20
color=3D#0000ff>=3D"Blue" =
StrokeThickness<FONT=20
color=3D#0000ff>=3D"1">
<<FONT=20
color=3D#a31515>Path.Data<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathGeometry<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathFigure =
StartPoint<FONT=20
color=3D#0000ff>=3D"2,2">
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"5,2"/>
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"5,6"/>
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"2,6"/>
</<FONT=20
color=3D#a31515>PathFigure<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathFigure =
StartPoint<FONT=20
color=3D#0000ff>=3D"5,4">
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"8,4"/>
</<FONT=20
color=3D#a31515>PathFigure<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>PathGeometry<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Path.Data<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Path><FONT=20
color=3D#808000>
</<FONT=20
color=3D#a31515>Border<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>ContentControl<FONT=20
color=3D#0000ff>>

<<FONT=20
color=3D#a31515>ContentControl =
Grid.Row<FONT=20
color=3D#0000ff>=3D"4">
<<FONT=20
color=3D#a31515>Border =
BorderBrush<FONT=20
color=3D#0000ff>=3D"#FF016491"=20
BorderThickness=3D"1,1,1,1"=20
>
<<FONT=20
color=3D#a31515>Path Stroke<FONT=20
color=3D#0000ff>=3D"Blue" =
StrokeThickness<FONT=20
color=3D#0000ff>=3D"1">
<<FONT=20
color=3D#a31515>Path.Data<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathGeometry<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathFigure =
StartPoint<FONT=20
color=3D#0000ff>=3D"0,2">
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"3,2"/>
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"3,6"/>
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"0,6"/>
</<FONT=20
color=3D#a31515>PathFigure<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathFigure =
StartPoint<FONT=20
color=3D#0000ff>=3D"3,4">
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"6,4"/>
</<FONT=20
color=3D#a31515>PathFigure<FONT=20
color=3D#0000ff>>
<<FONT=20
color=3D#a31515>PathFigure =
StartPoint<FONT=20
color=3D#0000ff>=3D"9,2">
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"6,2"/>
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"6,6"/>
<<FONT=20
color=3D#a31515>LineSegment =
Point<FONT=20
color=3D#0000ff>=3D"9,6"/>
</<FONT=20
color=3D#a31515>PathFigure<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>PathGeometry<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Path.Data<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Path><FONT=20
color=3D#808000>
</<FONT=20
color=3D#a31515>Border<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>ContentControl<FONT=20
color=3D#0000ff>>
</<FONT=20
color=3D#a31515>Grid></DIV>
<DIV> </DIV>
<DIV> -- <A=20
href=3D"mailto:moondaddy@newsgroup.nospam">moondaddy@newsgroup.nospam</A>=20
</DIV></BODY></HTML>

------=_NextPart_000_0025_01C8B090.98590850--

Peter
Thu May 08 02:11:31 CDT 2008

Does <Path SnapsToDevicePixels="True" .........> make it any clearer?

moondaddy
Thu May 08 02:45:24 CDT 2008

It's hard to tell, but I dont think so.

"Peter Morris" <mrpmorris at gmail dot com> wrote in message
news:%23HajHxNsIHA.2188@TK2MSFTNGP04.phx.gbl...
> Does <Path SnapsToDevicePixels="True" .........> make it any clearer?
>

v-lliu
Thu May 08 04:55:08 CDT 2008

Hi Moondaddy,

> the lines have a stroke thickness of "1", but when I run the app, they
become pixilated and blur out.

I paste your sample code into my test project and run the application, but
I didn't see the lines blur out on my side. They are very clear.

If you change the StokeThickness property of the Path elements to 0.5, will
the lines become clear?

Sincerely,
Linda Liu
Microsoft Online Community Support

Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
msdnmg@microsoft.com.

==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscriptions/managednewsgroups/default.aspx#notif
ications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://msdn.microsoft.com/subscriptions/support/default.aspx.
==================================================
This posting is provided "AS IS" with no warranties, and confers no rights.

v-lliu
Mon May 12 06:19:28 CDT 2008

Hi Moondaddy,

How about the problem now?

If the problem is still not solved, please feel free to let me know.

Thank you for using our MSDN Managed Newsgroup Support Service!

Sincerely,
Linda Liu
Microsoft Online Community Support

Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
msdnmg@microsoft.com.

This posting is provided "AS IS" with no warranties, and confers no rights.

moondaddy
Wed May 14 13:13:00 CDT 2008

Yes, I'm still having the problem. I'm putting the images in a canvas now
instead of in a grid which seemed to help a little bit. one thing I noticed
is that because the detail is so small, that as I resize or move the parent
container, the pixels in the image move just a very little from clear to
fuzzy and back again. I guess that the precision is just to small and the
slightest change in location effect how it can be visualized.

"Linda Liu[MSFT]" <v-lliu@online.microsoft.com> wrote in message
news:fi4fjGPsIHA.1788@TK2MSFTNGHUB02.phx.gbl...
> Hi Moondaddy,
>
>> the lines have a stroke thickness of "1", but when I run the app, they
> become pixilated and blur out.
>
> I paste your sample code into my test project and run the application, but
> I didn't see the lines blur out on my side. They are very clear.
>
> If you change the StokeThickness property of the Path elements to 0.5,
> will
> the lines become clear?
>
> Sincerely,
> Linda Liu
> Microsoft Online Community Support
>
> Delighting our customers is our #1 priority. We welcome your comments and
> suggestions about how we can improve the support we provide to you. Please
> feel free to let my manager know what you think of the level of service
> provided. You can send feedback directly to my manager at:
> msdnmg@microsoft.com.
>
> ==================================================
> Get notification to my posts through email? Please refer to
> http://msdn.microsoft.com/subscriptions/managednewsgroups/default.aspx#notif
> ications.
>
> Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
> where an initial response from the community or a Microsoft Support
> Engineer within 1 business day is acceptable. Please note that each follow
> up response may take approximately 2 business days as the support
> professional working with you may need further investigation to reach the
> most efficient resolution. The offering is not appropriate for situations
> that require urgent, real-time or phone-based interactions or complex
> project analysis and dump analysis issues. Issues of this nature are best
> handled working with a dedicated Microsoft Support Engineer by contacting
> Microsoft Customer Support Services (CSS) at
> http://msdn.microsoft.com/subscriptions/support/default.aspx.
> ==================================================
> This posting is provided "AS IS" with no warranties, and confers no
> rights.
>
>

v-lliu
Thu May 15 05:50:43 CDT 2008

Hi Moondaddy,

Thank you for your reply!

I did see the problem you described on my side.

Even though I add the SnapsToDevicePixels attribute in the Canvas element
in XAML file and set value of this attribute to true, the problem still
exists.

I will report this issue to our product team.

You can also submit a product feedback about this issue in the Microsoft
Connect web site:
http://connect.microsoft.com/VisualStudio/Feedback

Thank you for your contribution to Microsoft Product!

Sincerely,
Linda Liu
Microsoft Online Community Support

Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
msdnmg@microsoft.com.

This posting is provided "AS IS" with no warranties, and confers no rights.

moondaddy
Thu May 15 11:07:09 CDT 2008

OK thanks.

"Linda Liu[MSFT]" <v-lliu@online.microsoft.com> wrote in message
news:3TGVLmntIHA.4408@TK2MSFTNGHUB02.phx.gbl...
> Hi Moondaddy,
>
> Thank you for your reply!
>
> I did see the problem you described on my side.
>
> Even though I add the SnapsToDevicePixels attribute in the Canvas element
> in XAML file and set value of this attribute to true, the problem still
> exists.
>
> I will report this issue to our product team.
>
> You can also submit a product feedback about this issue in the Microsoft
> Connect web site:
> http://connect.microsoft.com/VisualStudio/Feedback
>
> Thank you for your contribution to Microsoft Product!
>
> Sincerely,
> Linda Liu
> Microsoft Online Community Support
>
> Delighting our customers is our #1 priority. We welcome your comments and
> suggestions about how we can improve the support we provide to you. Please
> feel free to let my manager know what you think of the level of service
> provided. You can send feedback directly to my manager at:
> msdnmg@microsoft.com.
>
> This posting is provided "AS IS" with no warranties, and confers no
> rights.
>
>

v-lliu
Tue May 20 20:30:34 CDT 2008

Hi George,

I have report this issue to our product team and the reply is that we could
add the RenderOptions.EdgeMode="Aliased" to the top-level Grid element to
make polyline appear clear.

For example,
<Grid HorizontalAlignment="Left" Margin="10,0,0,0" Width="11" Height="33"
SnapsToDevicePixels="True" RenderOptions.EdgeMode="Aliased">

Hope this helps.

Sincerely,
Linda Liu
Microsoft Online Community Support

Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
msdnmg@microsoft.com.

This posting is provided "AS IS" with no warranties, and confers no rights.

moondaddy
Sat May 31 00:21:08 CDT 2008

Thanks that worked really good for straight lines. In one of my controls
where I used this, it had an ellipse which looked a bit goofy, but I may
replace that with an image to get around it.

"Linda Liu[MSFT]" <v-lliu@online.microsoft.com> wrote in message
news:lV9PKJuuIHA.3708@TK2MSFTNGHUB02.phx.gbl...
> Hi George,
>
> I have report this issue to our product team and the reply is that we
> could
> add the RenderOptions.EdgeMode="Aliased" to the top-level Grid element to
> make polyline appear clear.
>
> For example,
> <Grid HorizontalAlignment="Left" Margin="10,0,0,0" Width="11" Height="33"
> SnapsToDevicePixels="True" RenderOptions.EdgeMode="Aliased">
>
> Hope this helps.
>
> Sincerely,
> Linda Liu
> Microsoft Online Community Support
>
> Delighting our customers is our #1 priority. We welcome your comments and
> suggestions about how we can improve the support we provide to you. Please
> feel free to let my manager know what you think of the level of service
> provided. You can send feedback directly to my manager at:
> msdnmg@microsoft.com.
>
> This posting is provided "AS IS" with no warranties, and confers no
> rights.
>
>

v-lliu
Mon Jun 02 03:31:39 CDT 2008

Hi George,

Thank you for your feedback and sharing with us how you solved the problem
successfully!

If you have any other questions in the future, please don't hesitate to
contact us. It's always our pleasure to be of assistance.

Have a good day!

Sincerely,
Linda Liu
Microsoft Online Community Support

Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
msdnmg@microsoft.com.

This posting is provided "AS IS" with no warranties, and confers no rights.

Make polyline appear crisp and clear in small content control (wpf)

Re: Make polyline appear crisp and clear in small content control (wpf) by Peter

Re: Make polyline appear crisp and clear in small content control (wpf) by moondaddy

RE: Make polyline appear crisp and clear in small content control (wpf) by v-lliu

RE: Make polyline appear crisp and clear in small content control (wpf) by v-lliu

Re: Make polyline appear crisp and clear in small content control (wpf) by moondaddy

Re: Make polyline appear crisp and clear in small content control (wpf) by v-lliu

Re: Make polyline appear crisp and clear in small content control (wpf) by moondaddy

Re: Make polyline appear crisp and clear in small content control (wpf) by v-lliu

Re: Make polyline appear crisp and clear in small content control (wpf) by moondaddy

Re: Make polyline appear crisp and clear in small content control (wpf) by v-lliu