Javascript 如何制作嵌入式iframe的屏幕截图

我想有一个功能，使iframe的快照，并附加到网页的其他区域。代码应该如下所示：

Html:

抓取图像

JS:

功能屏幕截图（iframe）{
//我能在这里做什么？
//将页面转换为图像类型、jpeg、png或任何其他格式！
}
$（“#btn_屏幕截图”）。单击（函数（）{
var imgPath=屏幕截图（document.getElementByTagName（'iframe'）；
$（“#屏幕截图结果”）。追加（“”）；
});

首先，它不适用于html2canvas，如所述的限制。

---

是否有其他javascript或jquery插件来实现该功能？或者可以像键盘上的打印屏幕按钮那样工作吗？

这是不可能的。想一想这种方法的恶意。寻找同源策略。这是不可能的。firefox extensiond的可能副本可以做屏幕截图，并且是用js制作的，但我不认为这就是你要找的droid…为什么这会是恶意的？我现在需要相同的功能。我现在正在使用快照服务，但它不是我要找的机器人。。。

<iframe src="http://edition.cnn.com/video"></iframe>
<button id="btn_screenShot" name="screenShot">Grab a image</button>
<div id="screenShot-result"></div>

function screenShot(iframe) {
   //what can I do here?
   //transform the page in <iframe> to a image type, jpeg,png or any other!
}

$('#btn_screenShot').click(function(){
   var imgPath = screenShot(document.getElementByTagName('iframe'));
   $('#screenShot-result').append("<img src=\"+ imgPath +\">");
});