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



Похожие темы

SVG sprites


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

Axelaredz

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


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




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

SX

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


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

Axelaredz

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


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

SX

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

Поисковые боты: 49
Bot(22), oBot(21), Googlebot, Crawler, Yandex, BingBot(2), Google
 Статистика форума

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

Сегодня нет именинников
Copyright © 2009 - 2019 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты