SVG (Scalable Vector Graphic) существует уже довольно давно, но почему-то этой технологией не так часто пользовались. Самая важная причина заключается в совместимости, но учитывая способности всех современных браузеров эту причину теперь можно считать не проблемой.
Здесь можно отметить несколько очевидных преимуществ, как например то, что векторную графику можно масштабировать без потери качества. SVG-изображение будет отлично смотреться на экранах Retina. Наконец, к такому виду изображений можно привязывать взаимодействия.
Кроме того, хотим рассказать вам о новой javascript SVG библиотеке под названием Snap.svg. Эта библиотека была разработана для современных браузеров, и поддерживает самые новые SVG-свойства вроде маскирования, резки, паттернов, градиентов, группирования и многого другого.
При помощи Snap.svg вы можете как создавать новые SVG-элементы, так и работать с теми, которые ранее были разработаны при помощи Adobe Illustrator, Inkscape или Sketch. Вы можете даже асинхронно загружать строки SVG, и запрагивать отдельные фрагменты, что позволяет вам превратить SVG в спрайт-изображение. Snap.svg также предлагает отличную документацию, - самый важный элемент для разработчиков!
Скриншоты
Больше деталей
* Официальный сайт / Демо / Загрузки
* Требования: SVG
* Совместимость: современные браузеры
* Лицензионное соглашение: MIT
Раздел: Библиотеки скриптов Нет комментариев
Snap.svg – Javascript SVG-библиотека для современных веб-сайтов
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 8605 | Нет комментариев
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать