Как получить одинаковый результат в разных браузерах при встраивании SVG-файла в HTML-код?
Я начинаю иметь решение для моего предыдущего вопросаНаложение SVG-диаграмм на карту Google.
Но у меня есть другая (меньшая) проблема. Я использую Firefox 3.5 и Safari 4 (на Mac), и когда я встраиваю SVG в XHTML, у меня совсем нет одинакового результата.
Я могу использовать<object>
или<embedded>
элементы (но я думаю, что последний не рекомендуется). Я использую их так:
<div id="map_canvas" style="width: 900px; height: 900px">
<object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>
И размер и масштаб SVG не совпадают с Firefox и Safari. В моем SVGwidth
, height
а такжеviewBox
определены.
Есть ли способ получить один и тот же результат со всеми браузерами (меня не волнует IE, который не поддерживает SVG ..., так что "все браузеры" означают, по крайней мере, последние версии Firefox, Opera и Safari ) ?? Может быть, я что-то забыл определить?
РЕДАКТИРОВАТЬ: я также заметил, что с<object>
, SVG прозрачен с FF, но не прозрачен с Safari ... :(
Существует ли «стандарт»? способ включить SVG ??
Спасибо за помощь