Question:

Describe the function of the svg tag and list some advantages of using SVG for client-side graphics. Provide examples.

SVG Graphics

The svg tag is used to create graphics like it’s canvas tag counterpart but it has the advantage for displaying graphics on different devices hence the scalable vector graphics expansion. There are several advantages to using svg.

Advantages

  • resolution independent
  • size
  • re-rendering
  • easy create
  • smaller file sizes
  • accessible with DOM

Disadvantages

  • complex development
  • performace issues

Uses

  • graphs
  • Logos
  • Simple Games
  • Complex UI



svg graphic

Created with Sketch.

same graphic no degradation

Created with Sketch.