iframe のスナップショットを作成し、Web ページの他の領域に追加する機能が必要です。コードは次のようになります。
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プラグインはありますか? または、キーボードのプリントスクリーン ボタンのように動作することは可能ですか?