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

19 minutes, 10 seconds


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 .

For more information, check out this course on Microsoft Virtual Academy:

Follow the discussion

  • Oops, something didn't work.

    Getting subscription
    Subscribe to this conversation

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.