Добрый вечер, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.
   
   



Похожие темы

SVG sprites


События Среда, 01.03.2017, 15:41

mrX

Группа: Администратор
Cообщений: 130
Регистрация: 26.08.2015
Город: Cочи
Один из способ использования SVG спрайтов


Отредактировано Александр Вампиреос (mrX): 01.03.2017, 15:46:18




Пользователь офлайн
События Среда, 01.03.2017, 22:26

SX

Группа: Администратор
Cообщений: 2965
Регистрация: 23.10.2009
У спрайтов минус есть, цвет через css не поменять


Пользователь офлайн
События Четверг, 02.03.2017, 13:19

mrX

Автор текущей темы
Группа: Администратор
Cообщений: 130
Регистрация: 26.08.2015
Город: Cочи
Чаще всего для иконок нужно немного цветов и других манипуляций.Поэтому попросту добавил модификации внутрь svg файла.
Покажешь кстате как подключал своё решение


Пользователь офлайн
События Четверг, 02.03.2017, 19:20

SX

Группа: Администратор
Cообщений: 2965
Регистрация: 23.10.2009
Цитата
Автор: mrX
Чаще всего для иконок нужно немного цветов и других манипуляций.Поэтому попросту добавил модификации внутрь svg файла.
Покажешь кстате как подключал своё решение


Я пока просто инлайн вставку использую с выносом картинки в файл, так кэширование работает

Файл svg
Код

<svg style="display: none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol viewBox="0 0 16 16" id="icon-test1">
<path d="...image..." />
</symbol>
<symbol viewBox="0 0 16 16" id="icon-test2">
<path d="...image..." />
</symbol>
</svg>


Вставка
Код
<svg class="test"><use xlink:href="/img/icons.svg#icon-test1" xmlns:xlink="http://www.w3.org/1999/xlink" /></svg>


И вот уже с классом test делай что хочешь

Конечно это не как с картинкой в качестве фона работать, но для меня лучший пока вариант. Да и вообще использование svg это пока большой костыль


Пользователь офлайн


Похожие темы  |   Предыдущая тема  |   Следующая тема

Быстрый переход:  
 

 Сейчас на сайте

Пользователей: 0, Гостей: 7

Поисковые боты: 36
Bot(15), Yandex(3), oBot(12), IA.Archiver Bot, Googlebot(4), Crawler
 Статистика форума

  Темы Сообщения Пользователи
За сутки:
За неделю:
За месяц:
Всего:
Мы приветствуем нового участника: zavministra
 Дни рождения

taryashinov (34), remont_komputerov_sokol (32), fenix (30)
Copyright © 2009 - 2018 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты