iframe截图html,javascript – html2canvas – iframe没有屏幕截图

我有一个任务,我需要在我的网页上加载一个URL(例如www.yahoo.com),并截取屏幕截图.我使用

html2canvas进行截屏并将其附加到页面正文.

URL指定的页面已成功加载到div元素内的iframe中.但是当我尝试截取屏幕截图时,iframe区域显示为空白.

以下是previewURL和截图的代码.

//to preview the URL content

function previewUrl(url,target){

//use timeout coz mousehover fires several times

clearTimeout(window.ht);

window.ht = setTimeout(function(){

var div = document.getElementById(target);

div.innerHTML = '';

},20);

}

function pic() {

html2canvas(document.body, {

onrendered: function(canvas) {

document.body.appendChild(canvas);

}

});

};

HTML部分在这里：

Hover to load

截图看起来像这样：

我被困住了,不明白为什么会这样.我想要类似于this的东西可以加载URL,然后onclick可以给我截图.