Programming SVG and canvas graphics in a Metro style app based on HTML5

Embed code for this video

Copy the code above to embed our video on your website/blog.

Close

Video format

Option selected may change based on video formats available and browser capability.

Close

Download

How do I download the videos?

  • To download, right click the file type you would like and pick “Save target as…” or “Save link as…”

Why should I download videos from Channel9?

  • It's an easy way to save the videos you like locally.
  • You can save the videos in order to watch them offline.
  • If all you want is to hear the audio, you can download the MP3!

Which version should I choose?

  • If you want to view the video on your PC, Xbox or Media Center, download the High Quality WMV file (this is the highest quality version we have available).
  • If you'd like a lower bitrate version, to reduce the download time or cost, then choose the Medium Quality WMV file.
  • If you have a Zune, WP7, iPhone, iPad, or iPod device, choose the low or medium MP4 file.
  • If you just want to hear the audio of the video, choose the MP3 file.

Right click “Save as…”

Slides (view online)

As part of HTML5, SVG and canvas represent two different approaches to incorporating rich vector graphics in a website or Metro style app. This session introduces the programming techniques used for each of these and compares those techniques. It also drills down into the best uses for each technology presenting specific coding examples. The session also includes is an overview of SVG filter effects and using CSS3 transitions and animations with the SVG and canvas elements. This session builds on topics introduced in Build Visually Compelling and Interactive HTML5 Experiences .

Comments Closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums,
or Contact Us and let us know.

Event Homepage

More sessions in this event

See More

Related sessions

Creative Commons License

© 2013 Microsoft. Except where designated as licensed by
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License,
Microsoft reserves all rights associated with the materials on this site.