Описание тега snap.svg

Snap.svg - это библиотека javascript с открытым исходным кодом для создания и работы с svg. Он помогает создавать интерактивную векторную графику с поддержкой интерактивности, анимации, а также позволяет работать с существующими svg с помощью простого JavaScript API.

Snap.svg был написан Дмитрием Барановским (автором Raphaël) и разработан специально для упрощения работы с svg и поддерживает такие функции, как маскирование, обрезка, узоры, полные градиенты, группы и многое другое. Проект выпущен компанией Adobe Systems.

Ссылки:

• Официальная документация
• Страница GitHub
• Начало работы и демонстрации

Демо

Рисование стиля и добавление анимации в круг.

var s = Snap(500,500);
var circle = s.circle(150, 150, 100);

circle.attr({
    fill: "#bada55",
    stroke: "#000",
});
circle.animate({r: 50}, 1000);