| Доброе утро, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались. | |
| Группа: Пользователь Регистрация: 26.08.2015 Город: Cочи | Один из способ использования SVG спрайтов Отредактировано Александр Вампиреос (mrX): 01.03.2017, 15:46:18 |
| |
| Группа: Администратор Регистрация: 23.10.2009 | У спрайтов минус есть, цвет через css не поменять |
| |
| Автор текущей темы Группа: Пользователь Регистрация: 26.08.2015 Город: Cочи | Чаще всего для иконок нужно немного цветов и других манипуляций.Поэтому попросту добавил модификации внутрь svg файла. Покажешь кстате как подключал своё решение |
| |
| Группа: Администратор Регистрация: 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,
Гостей: 77
Поисковые боты: 40
Bot(8),
oBot(17),
Googlebot(6),
BingBot(3),
Baidu.com(6) 
Статистика форума
| | Темы | Сообщения | Пользователи |
| За сутки: | 0 | 0 | 0 |
| За неделю: | 0 | 0 | 0 |
| За месяц: | 0 | 0 | 0 |
| Всего: | 1446 | 9459 | 3414 |
| Мы приветствуем нового участника: ruchishah |