Loading SVG

Lets get an SVG shape loaded and displayed. We need a callback for when the file is loaded, then we can add it to our canvas.
Note, it gets loaded into Snap as a fragment.

// Tux image is from creative commons, I didn't create it!

var s = Snap("#svgout");
var tux = Snap.load("Dreaming_tux.svg", function ( loadedFragment ) {
                                                s.append( loadedFragment );
                                        } );

   


        
The actual svg markup looks like this (when you've clicked on run)....