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';