Loading user information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading user information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

Microsoft Virtual Academy content

This video is part of a free online course from Microsoft Virtual Academy, click here to view the full course and take advantage of many additional features such as assessments, slides, learning plans and more.

Working with SVG in HTML5 - 20

13 minutes, 32 seconds


Right click “Save as…”

Scalable Vector Graphics, or SVG, has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. SVG allows you to define vector shapes using XML, and these shapes can even be styled with CSS and scripted with JavaScript. In this video, we demonstrate how to use an exported SVG document from Adobe Illustrator in a web page using the img tag as well as embedding the code directly in an HTML5 page. Finally, we show how to add interactivity to an SVG image using JavaScript.


Download the source code for Working with SVG in HTML5


Follow the discussion

  • Oops, something didn't work.

    Getting subscription
    Subscribe to this conversation
  • LionelLionel

    Very interesting and instructive. Thanks for this well done video with simple and easily understandable material !! I also think that SVG can be really promising for the future.



  • anantanant

    Plz help me out about "evt" which is passed in the function "clickMe(evt)"

Remove this comment

Remove this thread


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.