5

ユーザーの画像を作成するスクリーングラブボタンを作成しようとしています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イベント後にキャンバスをローカルに保存するオプションをユーザーに提供するにはどうすればよいでしょうか?

4

1 に答える 1