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



Похожие темы

SVG sprites


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

mrX

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


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




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

SX

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


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

mrX

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


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

SX

Группа: Администратор
Cообщений: 2971
Регистрация: 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, Гостей: 6

Поисковые боты: 52
Bot(29), Crawler(2), Yandex, oBot(8), Mail.Ru Bot(7), BingBot(2), Googlebot(3)
 Статистика форума

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

boomer_lg (32), pushnov (31)
Copyright © 2009 - 2018 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты