Max Home IndustryAdobe выпустила Snap.svg, новую бесплатную библиотеку JavaScript с открытым исходным кодом для работы с SVG (масштабируемая векторная графика) на конференции разработчиков HTML5 в Сан-Франциско.
Выпущенный под лицензией Apache 2, Snap.svg был написан Дмитрием Барановским из Adobe, который также является автором Raphaël, который в настоящее время является самой популярной библиотекой для работы с SVG.
В то время как Raphaël поддерживает браузеры вплоть до IE 6, ограничивая его реализацией общего набора функций SVG, Snap нацелен на современные браузеры (IE9 и выше, Safari, Chrome, Firefox и Opera). Это означает, что он может поддерживать такие функции, как маскирование, обрезка, узоры, полные градиенты, группы и многое другое.
Еще одна особенность Snap — это возможность работать с существующим SVG. Согласно его веб-сайту:
Это означает, что ваш SVG-контент не обязательно должен создаваться с помощью Snap, чтобы вы могли использовать Snap для работы с ним (подумайте «jQuery или Zepto для SVG»).
Это дает вам свободу создавать SVG-контент с помощью таких инструментов, как Illustrator, Inkscape или Sketch, а затем управлять им с помощью Snap. Как поясняется на сайте:
Вы даже можете работать со строками SVG (например, с файлами SVG, загруженными через Ajax) без предварительного рендеринга, что означает, что вы можете делать такие вещи, как запрос конкретных фигур из файла SVG, по сути превращая его в контейнер ресурсов или спрайт. простынь.
Поддержка анимации — еще одна важная функция. Snap позволяет создавать более интерактивный и интересный SVG-контент с помощью «простого и интуитивно понятного» JavaScript API. Его талисманом является крокодил, и если вы хотите увидеть его в действии, щелкнув изображение, вы перейдете к интерактивной версии в разделе «Демо» на сайте.
Для библиотеки с открытым исходным кодом это хорошо документировано. В нем есть 18-шаговое слайд-шоу, которое проведет вас через этапы создания простой, но убедительной анимации:
(щелкните, чтобы открыть слайд-шоу)
В качестве альтернативы вы можете просмотреть краткое руководство, предоставленное коротким (и ярким) видеороликом «Начало работы»:
Вы можете загрузить Snap.svg с его веб-сайта или, если вы хотите клонировать или разветвить его, вы можете сделать это с GitHub.