René Nyffenegger's collection of things on the web
René Nyffenegger on Oracle - Most wanted - Feedback -
 

SVG

SVG is an XML application. It uses XLink to reference URIs
SVG content can be styled with both CSS and XSL.

Three object types

These object types can be grouped, thus creating new object types.

Features

  • nested transformations
  • clipping paths
  • alpha masks
  • filter effects
  • template objects

Built in paint

  • Solid color
  • Gradients
  • Patterns

Event handlers

  • onmouseover
  • onclick
  • ....

Classify this:

Drawings can be
  • interactive
  • dynamic
svg files should have the suffix .svg while commpressed (gzip'd) svg files should have the .svgz suffix.

Namespace

http://www.w3.org/2000/svg

Document type declaration

This is a document type declaration for an svg document: 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

Basic shapes

  • rect
  • circle
  • ellipse
  • line
  • polyline
  • polygon

Supported length unit identifiers

  • em
  • ex
  • px
  • pt
  • pc
  • cm
  • mm
  • in
  • %

Embedding svg in HTML

<embed src='file.svg'>

Links

SVG examples
The specification
SVG Draw