У меня есть несколько файлов .svg в моем веб-проекте. добавляю большинство из них на страницу HTML, используя «Встроить» тег, например:Отдельный файл svg
<embed src="css/svg/multi.svg" type="image/svg+xml"/>
Есть две проблемы, я пытаюсь решить:
При вводе веб-сайт это загружает каждый файл .svg отдельно. Я хотел бы, чтобы все они были загружены вместе (в одну поездку туда и обратно).
Некоторые из svgs повторно используются, поэтому один и тот же svg загружается несколько раз.
Что я думал о том, чтобы делать все svgs в одном файле и ссылаться на них с идентификатором или что-то в этом роде. Что-то вроде «defs» и «use», но работает только в firefox, поэтому мне нужно другое решение.
Любое другое решение, которое решает эти проблемы хорошо, как хорошо (он не должен быть в одном файле) ...
Спасибо.
Можете ли вы показать свой код «только работает в firefox» (как SVG, так и HTML)? Это похоже на то, что должно отлично работать в ** правильно совместимых ** браузерах. Вы пробовали иметь один гигантский SVG и элементы * not * в блоке defs и ссылаться на те, что указаны id? – Marcin
Если файлы загружаются несколько раз, это, вероятно, проблема с заголовками истечения срока действия, а не с SVG. – robertc