We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Setter Property="Data" Value="M.....

Thread ID:





82279 Jun 8,2009 10:56 AM Jun 9,2009 12:38 AM WPF 1
Tags: Diagram
Ken Jinks
Asked On June 8, 2009 10:56 AM

Can anyone out there PLEASE explain to me how this XAML line defines a circle and what each of the values in the Value element means. Everyone at Syncfusion seems to assume that I should know this: BUT I DON'T.

Setter Property="Data" Value="M305.772,123.75C305.772,191.819095416645,237.434535075173,247,153.136,247C68.837464924827,247,0.5,191.819095416645,0.5,123.75C0.5,55.6809045833547,68.837464924827,0.5,153.136,0.5C237.434535075173,0.5,305.772,55.6809045833547,305.772,123.75z"

Any help would be of great assistance. All I know is that it is used to define a Circle that is defined as a Path node. How it defines that circle I do not know because the values have no reference point!

Nikhil A [Syncfusion]
Replied On June 9, 2009 12:38 AM

Hi Ken,

As we have posted this in the incidents 56307 and 56762, that the matrices values used in the Style refer to the Data Property of the Path class. Path class allows us to specify the geometry points for creating the path.

As we have already told you that these shapes can be created using softwares namely Expression Blend,Expression Design or Adobe Illustrator(and many more). The Microsoft Expression Blend allows you to draw shapes using the common drawing tools and then it automatically creates the Data value for you to use it. The Microsoft Expression Blend will straight away give you this Data value. It is very difficult to generate complex shapes manually by writing the code for it. Therefore softwares like Microsoft Expression Blend, Expression Design or Adobe Illustrator can be used to create the shapes and get this Data Value. All you have to do is draw these shapes using any such software and use the option provided in those softwares to convert those shapes into Path from which the Data value can be obtained.

Therefore steps you can follow to create custom shapes are:

1) Use Expression Blend to draw shapes using the Drawing Tools.

2) Convert the shapes into a Path object.

3) Once the shape is converted to path, the matrix used to create the path can be obtained from the Data property of the path.

We have created a video illustrating how the Data value can be obtained using Microsoft Blend. The video file can be obtained from the following location:


We hope the video will help you understand how we got those Data values that are used in our styles.

Please refer to general tutorials about using Microsoft Expression Blend or Design for further information .

Please let us know if you have any concerns.



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.