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



Похожие темы

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ообщений: 3016
Регистрация: 23.10.2009
У спрайтов минус есть, цвет через css не поменять


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

Axelaredz

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

SX

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

Поисковые боты: 182
Bot(158), oBot(17), Crawler, Googlebot(2), BingBot(4)
 Статистика форума

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

Sergej (36)
Copyright © 2009 - 2024 SX All rights reserved | Powered by SX CMS 1.06 UTF | Контакты