Primitives Supported by SVG

• Paths, which can be filled and stroked
  • <path d=  ...>
  • Fill and stroke are independent operations
  • Fill is painted first (ensures edges are visible)
• Basic shapes (shorthand for shapes made out of paths)
  • <rect x=  y=  width=  height=  rx=  ry=  />
  • <circle cx=  cy=  r=  />
  • <ellipse cx=  cy=  rx=  ry=  />
  • <line x1=  y1=  x2=  y2=  />
  • <polyline points=  />
  • <polygon points=  />
• Text
• <text x=  y=  > The text to be displayed </text>

All elements have class and id attributes. Class is used for styling elements and id for identification. Other attributes will be defined later.