SVG.JS

SVG.js — компактная библиотека на JavaScript, созданная для работы с SVG файлами без всяких ограничений (управление и анимация).

// создание svg paper для рисования

var draw = svg('paper')

// создание изображения

var image = draw.image('images/shade.jpg')

image.size(600, 600).move(0, -150)

// создание текста

var text = draw.text('SVG.JS')

text.move(300, 40).fill('#fff')

text.font({

family: 'Source Sans Pro',

size: 180,

anchor: 'middle',

leading: 1

})

// накладываем текст

image.maskWith(text)

библиотека легко читаема (eng.)
очень мала, всего 5.3 Кб в запакованном состоянии
позволяет исполнение анимации
на размере, позиции, цвете, ...
поддерживает различные расширения, благодаря модульной структуре
для нее доступны различные полезные плагины
в библиотеку входит единый API для различных типов форм с move, size, center ...
возможна привязка событий к элементам, включая события прикосновения (touch)
доступна полная поддержка масок
создание группировки элементов
динамические градиенты
паттерны
в наличии хорошая документация