Chrome не показывает SVG файл

У меня есть иллюстрация SVG, встроенная в файл HTML5, которая работает во всех современных браузерах, когда я пытаюсь использовать ее на локальном компьютере, но когда я пытаюсь обслуживать их из Интернета, я не хочу, чтобы Chrome отображал изображение SVG, он отображает только Исходный код SVG. Я уже добавил эти строки в файл .htaccess, который решил проблемы в Safari и Firefox:

AddType image/svg+xml svg
AddType image/svg+xml svgz
AddEncoding x-gzip .svgz

Но Chrome теперь единственный браузер, который не отображает изображение, когда приходит из Интернета. Мой локальный файл отлично работает даже в Chrome.

Что мне не хватает?

Вот ссылка на образец проблемы, попробуйте в Safari и Firefox, это сработает. Но в Chrome история отличается.

EDIT: ссылка была сломана и, кажется, отсутствует www. префикс: http://www.getformgallery.com/demo/gos-form.html

Ответы

Ответ 1

У меня та же проблема. Перед некоторыми обновлениями Chrome svg, который я использовал на моем сайте, работает, но из некоторых обновлений Chrome эти svg не работали, и страница не загружается, просто загружается за 1-2 секунды, а затем перенаправляется на Aw, snap.

Наконец, я понял. Вы должны определить "width" и "height" в теге Object например.

<object height="100%" width="100%"data="images/image.svg" type="image/svg+xml"></object>

Ответ 2

Вы экспортировали SVG из Photoshop с помощью расширения, такого как SVG Hero? Если это так, вы экспортировали смарт-объект? У меня была та же проблема, но я исправил ее, сохранив SVG из Illustrator. Теперь мой SVG работает во всех браузерах.

Ответ 3

Я использую Google Chrome 18, и образец-страница отлично подходит для меня, даже после прямого перехода к SVG-изображению. Проблема может быть решена разработчиками браузеров.

Ответ 5

Chrome, Firefox, Opera, Safari и все другие современные браузеры (за исключением IE) поддерживают SVG изначально без необходимости использования плагинов. поэтому вы получите плагин First и попробуйте сделать доступ