想要在 iframe 中显示 svg 并显示滚动条以让用户在 chrome/ie8 中平移图像答案

【问题标题】：Want to show svg in an iframe and show a scrollbar to let users to pan the image in chrome/ie8想要在 iframe 中显示 svg 并显示滚动条以让用户在 chrome/ie8 中平移图像
【发布时间】：2011-01-21 18:33:57
【问题描述】：

html:

 <iframe scrolling="yes" src="svgfile.svg"></iframe>

svgfile.svg：

 <svg width="2636pt" height="2478pt" viewBox="-1 -1 2635 2477" xmlns="...">
     <g id="node1" class="node">....</g>
     ...
 </svg>

这不会在 chrome/ie8 中显示滚动条...
这在 FF 中没问题...

可以接受不使用 iframe 的其他解决方案。
或者只是重新缩放整个 svg 图像（比原始页面大）以适应原始页面也可以。

【问题讨论】：

Chrome 尚不支持滚动 SVG 图像。（试着只打开图片，你会看到。）

标签： html xhtml iframe svg google-chrome

【解决方案1】：

我相信 Iframe 属性是 scrolling="yes" 或“自动”而不是 scrollbar。

【讨论】：

不幸的是 scrolling="yes" 也不起作用。更新问题。
尝试设置 iframe 的宽度和高度。