Como produzir o mesmo resultado em diferentes navegadores ao incorporar o arquivo SVG no código HTML?
Eu começo a ter uma solução para minha pergunta anteriorSobreposição de diagramas SVG no mapa do google.
Mas eu tenho outro problema (menor). Eu estou usando o Firefox 3.5 e Safari 4 (no Mac), e quando estou incorporando SVG em um XHTML, eu não tenho o mesmo resultado.
Eu posso usar o<object>
ou o<embedded>
elementos (mas acho que o último é obsoleto). Eu os uso assim:
<div id="map_canvas" style="width: 900px; height: 900px">
<object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>
E o tamanho e a escala do SVG não é o mesmo com o Firefox e o Safari. No meu SVG, owidth
, height
eviewBox
são definidos.
Existe uma maneira de ter o mesmo resultado com todos os navegadores (não me importo com o IE que não suporte SVG ..., então "todos os navegadores" significa pelo menos as versões mais recentes do Firefox, Opera e Safari) ?? Talvez algo que eu tenha esquecido de definir?
EDIT: Eu também notei que com<object>
, o SVG é transparente com FF, mas não transparente com o Safari ... :( Existe uma maneira "padrão" de incluir um SVG ??
obrigado pela ajuda