Блог

Главная - Вопросы по программированию - SVG не отображается в html

SVG не отображается в html

#html #svg

#HTML #svg

Вопрос:

Я создал простой дизайн в inkscape и хочу использовать его на веб-сайте, но когда я добавляю его с помощью тега изображения, он не отображается. Если добавить alt в тег img, отображается только текст в теге alt

Мой код:

 <img src="/svg/logo.svg" alt="logo">

Я попробовал это решение из css-tricks.com но проблема все еще сохраняется. Я также попытался сохранить его как оптимизированный svg в inkscape, но это тоже не работает.

Редактировать 1: для тех, кому интересно, я использую новое редактирование edge 2: Мои файлы jst содержат, что они важны

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

1. Откройте вкладку сеть в инструментах разработчика вашего браузера. Проверьте, что запрос возвращает изображение, а не, например, ошибку 404.

2. Не вижу там ничего важного. В разделе Name есть только мой файл style.css

3. Если нет даже запроса на SVG, значит, что-то пошло не так.

4. Это то, что я вижу

5. Действительно ли logo.svg сохраняется в /svg/logo.svg? Это / может быть либо корневой каталог вашего компьютера, либо ваш рабочий каталог. Вы пробовали svg/logo.svg (без косой черты)?

Ответ №1:

С вашей структурой папок я бы сказал, что это правильный путь:

<img src="../svg/logo.svg" alt="logo">

Сначала вам нужно выйти из папки src с ../

Ответ №2:

Я понял, что было не так. Я использовал шаблон логотипа inkscape, который не работает. Если вы столкнулись с той же проблемой, пытаясь не использовать шаблон.