Страницы

Поиск по вопросам

понедельник, 8 апреля 2019 г.

Почему не работает подключение SVG через тег img

Экспортировал логотип в svg из фотошопа, вот его код:

Подключаю к HTML с помощью
bbbbb
Путь правильный, имя файла тоже, но не отображается на странице


Ответ

Всё вы сделали правильно, за исключением того, что рисовали svg в растровом редакторе. Получается, что вы растровую картинку обернули в формат base64. А это на самом деле не чисто векторный формат, поэтому масштабироваться будет, как картинка png Кроме того такой формат не стилизуется. И если вы захотите поменять цвет иконки, то через стили это не получится, только применяя фильтры SVG.
Вывод один,- векторные изображения нужно рисовать в векторных редакторах.
Я загрузил ваш файл logo.svg на сервер и пробовал добавить его в HTML

Работает в Firefox, Chrome, Opera, IE11, Edge, но стилизация, интерактивность будет не доступна.
Подключайте с помощью тега работает во всех браузерах:
Your browser does not support SVG

Комментариев нет:

Отправить комментарий