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(600, 600).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)
      
    
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. The whole library is about 11k gzipped. Are you intrigued? Have a look on github, browse through the documentation to learn more, or see it in action!

Tweet

A few examples

Not convinced yet? Here are a few highlights:

Downloads

svg.js 1.0.0-rc.6 (for development) - 94k uncompressed, lots of comments

svg.min.js 1.0.0-rc.6 (for production) - 10.7k when gzipped

Changelog

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