¿Cómo producir el mismo resultado en diferentes navegadores al incrustar un archivo SVG en un código HTML?
Comienzo a tener una solución para mi pregunta anterior.Superponer diagramas SVG en google map.
Pero tengo otro problema (más pequeño). Estoy usando Firefox 3.5 y Safari 4 (en Mac), y cuando estoy incrustando SVG en un XHTML, no tengo el mismo resultado.
Puedo usar el<object>
o la<embedded>
Elementos (pero creo que el último está en desuso). Los uso así:
<div id="map_canvas" style="width: 900px; height: 900px">
<object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>
Y el tamaño y la escala del SVG no son lo mismo con Firefox y Safari. En mi SVG, elwidth
, height
yviewBox
están definidos.
¿Hay alguna manera de obtener el mismo resultado con todos los navegadores? ?? ¿Tal vez algo que olvidé definir?
EDIT: también me di cuenta de que con<object>
, el SVG es transparente con FF, pero no transparente con Safari ... :( ¿Hay una forma "estándar" de incluir un SVG?
Gracias por tu ayuda