ユーザーの画像を作成するスクリーングラブボタンを作成しようとしていますdocument.body
。
理想的には、ユーザーはイメージをローカルに.jpeg
.
html2canvasライブラリを使用して、必要な機能の作成に近づいています。
function screenGrabber() {
html2canvas([document.body], {
logging: true,
useCORS: true,
onrendered: function (canvas) {
img = canvas.toDataURL("image/jpg");
console.log(img.length);
console.log(img);
window.location.href=img; // it will save locally
}
});
}
これが機能していることを確認するために、img
変数を新しいブラウザ ウィンドウで開いています。画像が完全にレンダリングされません。長さが 30,000 文字を超えているためだと思います。
onrendered
イベント後にキャンバスをローカルに保存するオプションをユーザーに提供するにはどうすればよいでしょうか?