2

html2canvas0.34を使用してWebサイトのスクリーンショットを保存しようとしています。

しかし、スクリーンショットをどこに保存するか、スクリーンショットをデータベースに保存する方法、または新しいウィンドウで画像を開く方法がわかりません。

私のコードは以下の通りです:

<script type="text/javascript">
$('div').html2canvas({
onrendered: function( canvas ) {
var img = canvas.toDataURL();
window.open(img);
}
});
</script>

</head>
<body>         
<h1>Testing</h1>
<div>
<img src='http://25.media.tumblr.com/tumblr_mcc5k9YRli1rt6zh0o1_500.jpg'>
</div>
</body></html>

画像のスクリーンショットをデータベースに保存するか、別のウィンドウで開きたい。

どうもありがとうございます。

4

2 に答える 2

5

toDataURL関数は、画像データを文字列として返すだけで、保存することはできません(JSはファイルシステムにアクセスできないため)

それを保存するには、ブラウザに画像としてロードさせるか、サーバーサイドスクリプトに処理させる必要があります。

これはあなたに役立つはずです http://www.kevinsookocheff.com/2011/07/27/saving-canvas-data-to-an-image-file-with-javascript-and-php/

于 2012-10-23T11:15:11.940 に答える
1
   var data = canvas.toDataURL();
-----------------For Downloading Imgage in Chrome (just 4 testing)-------------------------
/* var save = document.createElement('a');
        save.href = data;
        save.target = '_blank';
        save.download = 'fileName';

        var event = document.createEvent('Event');
        event.initEvent('click', true, true);
        save.dispatchEvent(event);
        (window.URL || window.webkitURL).revokeObjectURL(save.href);*/
//---------------------------------
于 2014-02-10T10:57:46.563 に答える