convert svg and vector to xaml with expression design for silverlight

< voted off on visual studio survivor island | Home | cheating at creating a silverlight media player >

via Twitter:

convert svg and vector to xaml with expression design for silverlight

posted @ Thursday, August 30, 2007 10:44 PM | 11 Comments

i recently started to embark on a little 3 part series involving taking a pdf document of a baseball field and doing some silverlight and asp.net ajax love with it. it led me along a path of creating some intense xaml design elements actually and i thought i'd share (in simpler form) the process i used.

expression design is a graphic tool that enables creating vector art that can then be exported to xaml (either WPF or silverlight). it is a great tool that i'm starting to be more and more familiar with. design understands various import and export format but sometimes your existing assets might not be directly importable. have no fear there is a simple process (hopefully someone will automate this in one of their tools). i just added a podcast (feeds listed on the left of this site) demonstrating the steps i used to convert an .svg file to readable in expression design, then export to silverlight xaml for an application. it's only 8 minutes and might help if you are running into similar challenges. you'll see that pdf documents with graphics also might give you some love.

Comments

Kiril

9/2/2007 11:22 PM | # re: convert svg and vector to xaml with expression design for silverlight

Tim, I believe the link in channel9 is broken. I would love to see the screencast. Hope it gets fixed ASAP.
timheuer

9/3/2007 11:50 AM | # re: convert svg and vector to xaml with expression design for silverlight

kiril: i just tried both links (play and full screen and they worked for me. you can also get it directly from the podcast link on the left section of my blog site.
Jason

9/25/2007 5:09 PM | # re: convert svg and vector to xaml with expression design for silverlight

Hi Tim,

I was trying your method and had some problems with filters used in the ai file not working in Designer. Have you had any problems with that?
suman

1/23/2008 2:34 AM | # Silverlight method for SVG's getURL()

What is the method from Silverlight that can be used in place of SVG's getURL(url, callback)?
timheuer

1/23/2008 7:31 AM | # re: convert svg and vector to xaml with expression design for silverlight

getURL in SVG is essentially the same functionality as XMLHttpRequest that most would use (as well as some have used even with SVG on FireFox)
Suman

2/4/2008 4:25 AM | # re: convert svg and vector to xaml with expression design for silverlight

Thanks Tim,

I was able to solve the problem with XMLHttpRequest object.

We have an parseXML() which takes XMl file and the document object as the arguments. Now is there any similar method which does the same.Iam passing the window.document object to this method with the XML file which appends the DOM object of the XML file to the document. Is this possible for Silverlight with javascript?

Thnaks for the information being provided, was very useful.

Cheers.
Jasper J

12/8/2008 10:48 PM | # re: convert svg and vector to xaml with expression design for silverlight

Is there any provision to convert svg xml to xaml.
Can anyone help me to do this?
Leon

2/4/2009 9:59 PM | # re: convert svg and vector to xaml with expression design for silverlight

Hi Tim,
Just came accross this video, and am hooked. Where can I find the 2nd and 3rd parts of your series?
Cheers
Leon
timheuer

2/9/2009 2:10 PM | # re: convert svg and vector to xaml with expression design for silverlight

Leon: here's part 2 timheuer.com/.../...-silverlight-and-html-dom.aspx
web developer

5/18/2009 7:48 AM | # re: convert svg and vector to xaml with expression design for silverlight

Tim, I have a couple of questions:

Have you met web applications written in solverlight without xaml technologies? What are the advantages of silveright's integration with .NET Frameworks?

Thanks in advance.
timheuer

5/18/2009 4:42 PM | # re: convert svg and vector to xaml with expression design for silverlight

Silverlight requires XAML as the UI.