2011-03-16 29 views
17

Tengo una ilustración SVG incrustada en un archivo HTML5 que funciona en todos los navegadores modernos cuando lo intento en local, pero cuando intento servirlos desde la web, no obtengo Chrome para procesar el SVG imagen, solo representa el código fuente SVG. Ya añadí estas líneas a un archivo .htaccess que solucionó los problemas en Safari y Firefox:Chrome no muestra un archivo SVG

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

Pero ahora Chrome es el único navegador que no hace que la imagen cuando viene 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ébalo en Safari y Firefox, funcionará. Pero en Chrome, la historia es diferente.

EDITAR: El enlace estaba roto y parece que falta www. prefijo: http://www.getformgallery.com/demo/gos-form.html

+0

enlace roto hombre – corroded

+0

¿Cuál es el problema con Chrome? Parece estar funcionando para mí. – kgiannakakis

+0

Funciona para mí también (Chrome 10.0). –

Respuesta

-1

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

-2

Chrome, Firefox, Opera, Safari y otros navegadores modernos (con la excepción de IE) SVG soporte de forma nativa sin necesidad de plugins. para que obtenga el plugin Primero intente acceder al

1

¿Exportó el SVG desde Photoshop usando 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.

3

Tengo el mismo problema. Antes de algunas actualizaciones de Chrome, la svg que utilicé en mi sitio funciona, pero a partir de ciertas actualizaciones de Chrome esas svg no funcionaron y la página tampoco se cargará, solo se carga para 1-2s y luego se redirige a Aw, snap.

Finalmente lo averiguo. Debe definir "ancho" y "alto" en la etiqueta Objeto , p. Ej.

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

Tenía algunos íconos de SVG en un menú donde solo 2 de 12 se cargaban en Chrome 55 en Android, pero el escritorio estaba bien. Estaba usando las etiquetas , así que mi solución fue agregar 'img {height: 100%, width: 100%}' a mi archivo .css. Entonces todos se renegaron bien. Lo que descubrí fue que los 2 archivos SVG que cargaron habían definido su propia altura y ancho como dimensiones de píxel. Los archivos que no se representarían se usaron al 100% de alto/ancho y se basaron en la vista de dimensionamiento. –

Cuestiones relacionadas