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

Question

我希望有一个功能可以创建iframe的快照并附加到网页的其他区域。代码应如下所示：

HTML：

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

JS：

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 +\">");
});

首先，它不适用于html2canvas，就像描述的限制一样。 有没有其他javascript或jquery插件来实现这个功能？或者可以像键盘上的打印屏幕按钮一样工作吗？