From SVG to Canvas and Back (demo)

SVG

circle png image svg image import canvas clear

Canvas

pixel png image svg image import svg clear
NO CANVAS FOR YOU
  1. Canvas to SVG
  2. SVG to Canvas
  3. Exporting as a file
    1. Canvas→PNG
      1. Right-click→Save as… (Firefox supports it)
      2. Canvas.toDataURL (new window)
    2. SVG→PNG
      1. Server-side
      2. SVG.toDataURL('image/png')
    3. SVG→SVG file
      1. Right-click→Save as… (IE9 supports it)
      2. SVG.toDataURL('image/svg+xml') (new window)
placeholder for exported svg/pixel data
Legend (based on background-color):
This won't work anymore, because Canvas' origin-clean is dirty. Maybe you broke it?
Beware! This will set Canvas' origin-clean dirty, making Canvas write-only.
This might set Canvas' origin-clean dirty, depending on whether you're transferring images inside SVG data.

Dare to look the full demo page?