带嵌入标签的SVG:Safari无法正确缩放

时间:2012-07-21 16:12:35

标签: javascript css html5 svg

我试图将svg添加到我的" sheet阅读器"使用embed html-tag。它在FF,Chrome中,甚至在IE9中也能正常工作,但是当我在Safari中打开页面时,它没有缩放,而且我得到了滚动条。

这是我的测试环境:http://www.nie-wieder.net/br/BookReaderDemo/noten.html#page/1/mode/1up 只需在safari中打开它(版本5.1.7,也许只在mac上?!只是在这里得到一个mac)并且你知道我的意思。

所以,我的问题是:有没有办法让svg文件在Safari中正确扩展?

我在这里搜索并没有发现这个具体问题,所以我希望你能帮助我:)。

编辑:我无法使用img,因为通过img-tag的svg不能编写脚本:(

1 个答案:

答案 0 :(得分:2)

您可以覆盖svg标记的浏览器默认CSS规则。从width=""文件中的svg标记中删除height="".svg,或将svg嵌入为img而不是嵌入标记:

<img type='image/svg+xml' src="file.svg" style="width: 100%; height: 100%;" />