That was pretty easy to do and only took about 5 minutes. You can test this in a browser by going here: Now load the page into a browser and you will get the following.Now that we have one continuous line of points, let’s drop that into the path of a HTML5 SVG as shown below:Ĭopy Code Expression Web and HTML5.And ending with the Z from the Path Statement.Go ahead and remove everything else in Red. The only parts we are interested in keeping is the path data starting with M as shown below. Go ahead and open something like Notepad2 and paste what is in your clipboard.Create a New Document (Hitting CTRL-N).Go ahead and right click on the page and you will see it’s just path data (no image – just straight up HTML). 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.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |