A lightweight library for manipulating and animating SVG.
// create svg drawing
var draw = SVG('drawing')
// create image
var image = draw.image('images/shade.jpg')
// create text
var text = draw.text('SVG.JS').move(300, 0)
family: 'Source Sans Pro'
, size: 180
, anchor: 'middle'
, leading: 1
// clip image with 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!