Как отобразить svg sprite через xlink:href на локальном компьютере?
Здравствуйте!
Подскажите пожалуйста, как сделать что бы svg sprite через xlink:href отображалась на локальном компьютере без запуска сервера ?
Спрайт подключает svg так:
google chrome выдает ошибку Unsafe attempt to load URL
Ankhena, он html файл открывает просто кликом в проводнике (протокол file://). Так ничего не будет работать нормально =)
RedSmoke_smr, Есть варик встроить весь спрайт в прямо страницу, добавить стилей, чтобы он не мешался на странице (абсолютом куда-нибудь задвинуть на миллион пикселей влево), потом ссылки в xlink писать короткие xlink:href="#icon-twitter"
Плюс - это единственный вариант заставить работать спрайты в IE11
Ankhena, да, если запустить галп или на got pages все свг отлично отображаются. Сергей delphinpro, Я пробовал все скопировать из файла symbol.svg (это файл в котором спрайт хранится) и вставлял как Вы написали, но и так свг не отображаются, пробовал ещё через object вставлять в HTML файл спрайта, но и это н помогло! На сервере все норм, а на локальном не отображаются.
У меня этот вопрос возник, потому что стало интересно, когда заказчику отдавать готовую верстку, как он ее сможет проверить если локально не сможет увидеть свг?
RedSmoke_smr, да, нужно содержимое symbol.svg полностью вставить в html и поменять пути в xlink:href (убрать их вообще, оставить только хеш). Должно работать. Но не гарантирую. Никто никогда не работает с локальными файлами.
когда заказчику отдавать готовую верстку, как он ее сможет проверить если локально
Это целиком его проблема. В свою очередь, вы можете показать верстку на каком-то своем хостинге. Или можете кратко в ридми описать как запустить проект локально.
Типа такого:
Ankhena, этот полифилл как раз и вставляет содержимое файла спрайта в страницу. и вряд ли он будет работать по файловому протоколу. Ему же нужно как-то получить это содержимое.
Средний
