2015-06-26 5 views
3

Я использую <svg> теги, используя узел <use>, чтобы дублировать изображения на моей странице html. Но это не рендеринг в Microsoft Edge. Есть ли обходной путь? Спасибо.SVG-рендеринг в Microsoft Edge

+0

Можете ли вы поделиться фрагментом кода? Я просто попытался воссоздать проблему в этом примере JSBin, но я могу повторить элементы изображения. http://jsbin.com/cazasi/edit?html,output –

+0

Я использую что-то в строках – melvindidit

+0

Я использую что-то в строках ' ' и файл SVG имеет несколько изображений, отличающихся '<символ ид =" значок-идентификатор ">' и после путь. Подобно '<символ ID = "значок-идентификатор"> ' – melvindidit

ответ

2

Вам нужно использовать что-то вроде svg4everybody, чтобы заставить это работать. В более старых версиях скрипта не было нужной строки UA, но последняя версия должна правильно настроить Edge.

Заметил это сам после обновления до Windows 10 и обновления скрипта исправил его. IE 9-11 работал отлично до обновления, но не Edge, поскольку UA не был включен в чек. Версия npm также была просто обновлена, чтобы вы могли ее захватить и там.

+0

Если я не ошибусь, svg4everybody использует PNG изображения для откатов, не так ли? Таким образом, я потеряю все возможности svg styling? – KwiZ

+0

Вы можете использовать резервную копию для mdmoreau

+0

Я бы рекомендовал использовать svgxuse вместо svg4everybody: https://github.com/Keyamoon/svgxuse – Keyamoon

Смежные вопросы