Scalable Vector Graphics

Like Canvas, but prettier and slower

Using SVG in a Web Page

  • To use SVG you need to simply open the <svg> element and to start defining your shapes using XML notation

    
    

SVG Styles

  • SVG elements can also be styled with CSS:


  
  
  
/* CSS */
#the-svg rect{
  fill: white;
  stroke: purple;
  stroke-width: '5';
}