HTML5 SVG

Topics 

  • What is and Why SVG? 
  • SVG graphic elements
  • Transformation 
    • Translate, Rotate, Scale 
  • Grouping, Reusing 
  • Gradients & Opacity 
  • Filters 
  • Clips and patterns
  • Placing SVG in a web page 
  • SVG vs. Canvas 
  • Tools & Shared image libraries

What is and Why SVG?

What is SVG? 

  • Scalable Vector Graphics, SVG, is a W3C XML language to mark up graphics 
    • Like all XML, it is written in text, and can generally be read not only by machines but also by humans 
    • JavaScript can be used to manipulate SVG elements in the same way JavaScript is used to manipulate other DOM elements

You must have an active subscription to download PDF and Lab Zip of this course topic.Please click the "Subscribe" button or the "Login" button if you already have an account.