Skip to content

artemykairyak/easySVG

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

easySVG

Плагин для удобной работы с SVG в HTML.
Работает только при запуске сайта на сервере (в том числе локальном)

  1. Подключаем файл через тег script в любом месте:
    <script src="path/easySVG.min.js"></script>

  2. Создаём контейнер с классом 'svg' (обязательно ставим его первым классом) и дата-атрибутом с путем к SVG-изображению.
    Путь указываем относительно html-файла.
    <div class="svg" data-src="path/logo.svg"></div>

  3. К контейнеру можно присваивать классы, с помощью которых можно взаимодействовать с 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>


Методы

  1. SVGrefresh()
    Проходится по элементам, которые были добавлены AJAX-ом или любым другим методом изменения DOM, и выполняет преобразование в SVG, если это нужно.

About

Plugin for convenient work with SVG in HTML.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published