html - escape - xss evasion filter

Chrome no muestra un archivo SVG

Question

Tengo una ilustración SVG incrustada en un archivo HTML5 que funciona en todos los navegadores modernos cuando lo pruebo en local, pero cuando trato de mostrarlos desde la web no consigo que Chrome renderice la imagen SVG, solo presenta el código fuente de SVG . Ya agregué estas líneas a un archivo .htaccess que resolvió los problemas en Safari y Firefox:

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

Pero ahora Chrome es el único navegador que no muestra la imagen cuando proviene de la web. Mi archivo local funciona bien incluso en Chrome.

¿Qué me estoy perdiendo?

Aquí está el enlace a la muestra del problema, pruébelo en Safari y Firefox, funcionará. Pero en Chrome la historia es diferente.

EDIT: enlace se ha roto y parece que falta www. prefijo: http://www.getformgallery.com/demo/gos-form.html

Answer 1

¿Exportó el SVG de Photoshop con una extensión como SVG Hero? Si es así, ¿exportó un objeto inteligente? Tuve el mismo problema, pero lo solucioné guardando el SVG de Illustrator en su lugar. Ahora mi SVG funciona en todos los navegadores.

Answer 2

Chrome, Firefox, Opera, Safari y todos los demás navegadores modernos (con la excepción de IE) admiten SVG de forma nativa sin necesidad de complementos. para que obtengas el plugin primero y trate de hacer acceso

Answer 3

Estoy usando Google Chrome 18 y la página de muestra se muestra bien para mí, incluso después de ir directamente a la imagen SVG. El problema podría ser resuelto por los creadores de navegadores.

Answer 4

Los archivos SVG son compatibles en Chrome pero no son totalmente compatibles. Es posible que tenga algún problema a veces. Pruebe este enlace para obtener ayuda para su respuesta.

http://upload.wikimedia.org/wikipedia/commons/f/f6/Western_Australia_Local_Government_Areas.svg

Answer 5

Tengo el mismo problema. Antes de algunas actualizaciones de Chrome, el svg que usé en mi sitio funciona, pero desde ciertas actualizaciones de Chrome, esos svg no funcionaron y la página tampoco se carga, solo se carga durante 1-2 segundos y luego se redirige a Aw, snap.

Finalmente lo descubro. Debe definir "ancho" y "altura" en la etiqueta de objeto, por ejemplo.

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