使用iframe缩放iframe内容本身?

时间:2013-03-02 19:30:38

标签: javascript html iframe zoom scale

我有这段代码用于缩放iframe

的内容
function SetZoom(){
var ZoomValue = 100;

try{
iframeDoc.body.style.zoom=ZoomValue+'%';
}catch(err){}
try{
iframe.body.style.OTransform = 'scale('+(ZoomValue/100)+')';
}catch(err){}

}

现在我需要模仿iframe的缩放

之类的东西
iframe.style.width=(??????/ZoomValue)+'px';
iframe.style.height=(??????/ZoomValue)+'px';

无法确定应该是什么,而不是???????

1 个答案:

答案 0 :(得分:1)

** 修改 ** 这可以帮助您更好,只需在将iframe添加到DOM后调用initZoom()

var origWidth, origHeight;

// Call this once on page load
function initZoom(){
  // If you know the iframe's size is in pixels
  origWidth = parseFloat(iframe.style.width);
  origHeight = parseFloat(iframe.style.width);
}

// Call every time you change the zoom level
function zoom(size){
  iframe.style.width = (origWidth * size) + 'px';
  iframe.style.height = (origHeight * size) + 'px';
}

感谢Basic提供建议。