Javascript - 排除Iframe時採取屏幕截圖

我有一個小部件，將基於列入一些腳本的第三方網站使用。點擊某個按鈕後，小部件將在iframe內部加載，並且在小部件內部有一個按鈕用於截取屏幕截圖。這裏是我的代碼截圖的一部分。Javascript - 排除Iframe時採取屏幕截圖

jQuery(window).bind("message", function(e) { 
    var data = e.originalEvent.data; 
    loadCanvas(data); 
}); 

function loadCanvas(dataURL) { 
    var canvas = document.getElementById("f-screenshot"); 
    var context = canvas.getContext("2d"); 
    var imageObj = new Image(); 
    imageObj.onload = function() { 
    context.drawImage(this, 0, 0, 300, 220); 
    }; 
    imageObj.src = dataURL; 
    img_data = dataURL; 
}

但在我的屏幕截圖中，iframe出現的區域以灰色顯示。