jquery - 放大 iFrame 的内容

Question

我正在尝试放大（不更改大小）iFrame，其中源是 SWF 文件。

<iframe src="http://ray.eltania.net/TEST/swf-play/swf/testMotion.swf" width="600px" height="500px" frameBorder="0"></iframe>

http://jsfiddle.net/MuxRX/

如您所见，iFrame 的大小为 600x500px。我想放大该 SWF 的内容。想象一下放大 90%，然后你只会偶尔看到一次滑块，但保持框架的相同大小。

我尝试了 StackOverflow 上的每个链接，但每个结果都只是改变了内容的大小，我想要一个缩放效果。我不想要这样的东西：

iframe {
    zoom: 0.5;
}

http://jsfiddle.net/MuxRX/1/

Answer 1

我已经创建了这样的解决方法

HTML

<iframe class="zoom" src="http://something"></iframe> <!-- add class zoom to iframe -->

CSS

iframe {
  width: 400px;
  height: 400px;
  border: 0;
}
.zoom {
  -webkit-transform: scale(2); /* Safari and Chrome */ 
  transform: scale(2); /* zoom factor - prefix if needed */
  width: 200px; /* half of iframe width */
  height: 200px; /* half of iframe height */
  margin: 100px 0 0 100px; /* reposition iframe */
  overflow: hidden; /* remove big-ass scrollbars */
}

Answer 2

如果 iframe 来自不同的域，则不能。那将是跨站点脚本攻击，将被浏览器阻止。