Basic SVG

• 3 types of graphic objects:
  • Vector grahics shapes (e.g. paths consisting of straight lines and curves)
  • Images
  • Text
• Shapes and Text can be filled and stroked
• Units can be resolution dependent or independent

  <?xml version="1.0"?>
  <svg xmlns="http://www.w3.org/2000/svg">
    <g fill-opacity="0.7" stroke="black" stroke-width="0.1cm" >
      <circle cx="6cm" cy="2cm" r="100" fill="red" transform="translate(0,50)" />
      <circle cx="6cm" cy="2cm" r="100" fill="blue" transform="translate(70,150)" />
      <circle cx="6cm" cy="2cm" r="100" fill="green" transform="translate(-70,150)"/>
    </g>
  </svg>