Wie kann man in verschiedenen Browsern dasselbe Ergebnis erzielen, wenn man eine SVG-Datei in HTML-Code einbettet?

Ich fange an, eine Lösung für meine vorherige Frage zu findenÜberlagern Sie SVG-Diagramme auf Google Map.

Aber ich habe ein anderes (kleineres) Problem. Ich verwende Firefox 3.5 und Safari 4 (auf Mac), und wenn ich SVG in ein XHTML einbinde, habe ich überhaupt nicht das gleiche Ergebnis.

Ich kann das benutzen<object> oder der<embedded> Elemente (aber ich denke, der letzte ist veraltet). Ich benutze sie so:

<div id="map_canvas" style="width: 900px; height: 900px">
  <object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>

Und die Größe und der Maßstab der SVG sind mit Firefox und Safari nicht identisch. In meinem SVG ist daswidth, height undviewBox sind festgelegt.

Gibt es eine Möglichkeit, dasselbe Ergebnis mit allen Browsern zu erzielen (mir ist der Internet Explorer, der SVG nicht unterstützt, egal ... "Alle Browser" bedeutet also mindestens die neuesten Versionen von Firefox, Opera und Safari)? ?? Vielleicht etwas, das ich vergessen habe zu definieren?

EDIT: Das ist mir auch bei aufgefallen<object>, die SVG ist transparent mit FF, aber nicht transparent mit Safari ... :( Gibt es eine "Standard" -Methode, um eine SVG einzuschließen?

Danke für deine Hilfe

Antworten auf die Frage(2)

Ihre Antwort auf die Frage