3

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プラグインはありますか? または、キーボードのプリントスクリーン ボタンのように動作することは可能ですか?

4

0 に答える 0