Любые идеи, почему шаблонный SVG-файл отображается пустым в браузере?

Question

У меня есть файл SVG, который я создал в Illustrator, который состоит из шаблона - он был создан с помощью инструмента Swatch.Когда я пытаюсь загрузить его локально, в браузере он отображается пустым.

Вот файл, если вы хотите его протестировать: http://d.pr/ZvhV

Answer 1

Надеюсь, у вас есть это отсортировано, но для тех, кто имеет эту проблему: Проверьте сохранение как настройки .svg в Illustrator.

Стандартные настройки дали мне пустой файл .svg, но когда я перепутал с настройками (тип шрифта: SVG, свойства CSS: атрибут стиля, вывод меньше элементов проверен, проверка включения XMP проверена), он работал нормально.

Кстати, использование .svg на веб-сайте - это хорошо, если у вас есть запасной вариант для браузеров, которые их не поддерживают. Я полагаю, что Modernizr (http://modernizr.com/) охватывает настройку.

Answer 2

Браузеры имеют различные уровни поддержки SVG, поэтому ваш браузер может просто не поддерживать шаблоны.

Если это часть веб-сайта, я бы просто экспортировал его в формате PNG, как векторное изображение размером дов любом случае это могло бы затопить компьютеры посетителей.