Плагин для удобной работы с SVG в HTML.
Работает только при запуске сайта на сервере (в том числе локальном)
-
Подключаем файл через тег script в любом месте:
<script src="path/easySVG.min.js"></script>
-
Создаём контейнер с классом 'svg' (обязательно ставим его первым классом) и дата-атрибутом с путем к SVG-изображению.
Путь указываем относительно html-файла.
<div class="svg" data-src="path/logo.svg"></div>
-
К контейнеру можно присваивать классы, с помощью которых можно взаимодействовать с svg (например, fill: red). Классы переносятся на соответствующие SVG.
Например:
<div class="svg red" data-src="path/logo.svg"></div>
трансформируется в
<svg xmlns="http://www.w3.org/2000/svg" width="151" height="40" viewBox="0 0 151 40" class="red">...</svg>
Методы
- SVGrefresh()
Проходится по элементам, которые были добавлены AJAX-ом или любым другим методом изменения DOM, и выполняет преобразование в SVG, если это нужно.