Как получить одинаковый результат в разных браузерах при встраивании SVG-файла в HTML-код?
==========================================================================================

Я начинаю иметь решение для моего предыдущего вопроса[Наложение SVG-диаграмм на карту Google](https://stackoverflow.com/questions/1055367/overlay-svg-diagrams-on-google-maps).

Но у меня есть другая (меньшая) проблема. Я использую Firefox 3.5 и Safari 4 (на Mac), и когда я встраиваю SVG в XHTML, у меня совсем нет одинакового результата.

Я могу использовать`<object>` или`<embedded>` элементы (но я думаю, что последний не рекомендуется). Я использую их так:

И размер и масштаб SVG не совпадают с Firefox и Safari. В моем SVG`width`, `height` а также`viewBox` определены.

Есть ли способ получить один и тот же результат со всеми браузерами (меня не волнует IE, который не поддерживает SVG ..., так что "все браузеры" означают, по крайней мере, последние версии Firefox, Opera и Safari ) ?? Может быть, я что-то забыл определить?

РЕДАКТИРОВАТЬ: я также заметил, что с`<object>`, SVG прозрачен с FF, но не прозрачен с Safari ... :(
Существует ли «стандарт»? способ включить SVG ??

Спасибо за помощь

ws), когда в svg определен viewbox.

Решение состоит в том, чтобы

set the width and height attribute in the object tag in html to absolute values (pixel)
set the width and height attribute in the svg file to relative values (e.g. 100%)

Тогда и FF, и Safari показывают одинаковое поведение! Вы должны попробовать это, если это применимо к вашей ситуации.

РЕДАКТИРОВАТЬ: Относительно ваших новых вопросов:
 - Прозрачность в Safari кажется ошибкой:[ошибки Webkit](https://bugs.webkit.org/show_bug.cgi?id=17744)
 - Стандартный способ встраивания: я не думаю, что существует стандартный способ. Вы можете использовать object, iframe, img или svg (встроенное объявление).

Если вы хотите, чтобы он работал в каждом браузере, вам, вероятно, придется использовать сниффинг в браузере и использовать теги object или img в зависимости от браузера. Или вы должны попробовать iframes. поскольку они должны иметь прозрачный фон в сафари и файрфоксе. (но не знаю об опере)

Как всегда в браузере webdev, большая проблема, как вы можете видеть здесь:[поддержка SVG](http://www.codedread.com/svg-support.php) (когда вы нажимаете на изображение, вы можете детально проверить функции svg)