Pregunta
Estoy un poco perplejo con éste. Estoy prestando visualizaciones SVG utilizando Protovis, una biblioteca JS, y funciona perfectamente bien en Chrome, así como Firefox. Ahorro el SVG rendido en mi servidor y tratar de volver a hacer que en una vista "galería" por medio de una función de PHP, y esto no funciona en Firefox. Todo lo que veo es el texto en el SVG, pero no el SVG.
guardar el contenido SVG completo, así:
<svg height="220" width="880" stroke-width="1.5" stroke="none" fill="none" font-family="sans-serif" font-size="10px"><g transform="translate(30, 10)"><line stroke-width="1"
He intentado usar <object>
pero lo único que hace es rápido Firefox para descargar un plugin que no puede encontrar.
Se trabaja en FF4 beta, pero no puedo ver por qué no va a funcionar incluso en Firefox 3.6. ¿Esto es algo que debería renunciar? Se puede ver una demo aquí:
http://www.rioleo.org/protoviewer (haga clic en "galería")
Gracias una vez más!
Solución
En línea SVG sólo funciona en Firefox en dos situaciones:
- Firefox tiene el experimental HTML5 analizador activado (es decir. que estés usando un 4,0 noches)
- El documento que está siendo analizada no es HTML, pero XHTML (
Content-type: application/xhtml+xml
)
El enfoque sugerido por Rob object
debería funcionar, siempre y cuando el archivo SVG separada proviene de su servidor con Content-type: image/svg+xml
y utilizar la sintaxis correcta:
<object data="foo.svg" type="image/svg+xml" width="400" height="300">
Damian de Cugley 'SVG: objeto o incrustar? para más detalles de algunas otras opciones, o usar SVGWeb .
Otros consejos
Asegúrese de que está utilizando los atributos correctos con el elemento objeto y la etiqueta de cierre:
<object data="yourimage.svg"></object>
Este ejemplo puede ser útil para usted, explicación. prestación de apoyo SVG en el tiempo de carga y el texto MIME / html es una característica compatible de ItsNat Java framework web, de todos modos fue inspirado en este código JS , este último puede ser útil para usted en su contexto (PHP).