microsoft expression blend export to svg

Go ahead and remove everything else in Red.Ĩ) And ending with the Z from the Path Statement. The only parts we are interested in keeping is the path data starting with M as shown below. (Yes I’m a big fan of the Dark Knight)Ħ) Go ahead and open something like Notepad2 and paste what is in your clipboard.ħ) You now want to clean this up a bit. Go ahead and right click on the page and you will see it’s just path data (no image – just straight up html).Ģ) Create a New Document (Hitting CTRL-N)ģ) Draw Something Cool. If you want to see the final product then click here. So with that said I don’t take credit for discovering this just documenting it for others to use. I later found out that this was demoed at MIX11 in a session called HTML5 for Silverlight Developers. One of the things that I recently had someone show me was using the “Copy Xaml” feature in Expression Design to create HTML5 SVG Path Data.

Using the “Copy Xaml” feature in Expression Design to create HTML5 SVG Path Data.

Microsoft expression blend export to svg