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. Image for the cookie policy date
close icon

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

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!

1 Reply

NA Nikhil A Syncfusion Team June 9, 2009 04:38 AM UTC

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:

http://files.syncfusion.com/support/Diagram.WPF/blend.rar

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.

Regards,
Nikhil

Loader.
Live Chat Icon For mobile
Up arrow icon