2013-03-02 171 views
0

我有變焦iframe使用iframe本身縮放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

** 編輯 ** 這應該好了很多幫助,只需撥打initZoom()的iframe已被添加到DOM後。

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的建議。

+0

問題是我無法恢復它,我需要通過任何縮放值進行縮放 – 2013-03-02 22:58:13

+0

編輯它,但您必須找出保留原始尺寸或上次縮放的位置。 – Shedokan 2013-03-07 16:21:04

+1

如果我是你,我會在頁面加載後保存原始尺寸 - 然後您可以使用當前縮放級別和原始尺寸進行計算 - 無需保留之前的狀態 – Basic 2013-03-07 16:24:24