A lightweight library for manipulating and animating SVG.

      
        // create svg drawing
        var draw = SVG('drawing')

        // create image
        var image = draw.image('images/shade.jpg')
        image.size(650, 650).y(-150)

        // create text
        var text = draw.text('SVG.JS').move(300, 0)
        text.font({
          family: 'Source Sans Pro'
        , size: 180
        , anchor: 'middle'
        , leading: 1
        })

        // clip image with text
        image.clipWith(text)
      
    
Tweet
The code above is the the exact same code used to create the masked header at the top of this page. With svg.js you have all the power of vector graphics at pocket size. Are you intrigued? See it in action!

A few examples (click on the image to see it in action)

Not convinced yet? Here are a few highlights:

digital ocean

Downloads

svg.js 1.0.1 (for development) - 102k uncompressed, lots of comments

svg.min.js 1.0.1 (for production) - 11.8k when gzipped

Changelog

Wondering what has changed in the latest releases? Have a look at the change log.
Fork me on GitHub