html2canvas不会将所有div显示为jpeg

Question

我在angular中使用htmlCanvas将div设为jpeg并显示它。 会发生什么是jpeg只显示我看到的div的一部分，作为printScreen。 JS：

$(function () {
        $("#btnSave").click(function () {
            html2canvas($("#widget"), {
                onrendered: function (canvas) {
                    document.body.appendChild(canvas);

                    // Convert and download as image 
                    Canvas2Image.saveAsJPEG(canvas);
                     $("#img-out").append(canvas);

                    //document.body.removeChild(canvas);
                }
            });
        });
    });

Answer 1

尝试修改以下代码

  $("#img-out").append(Canvas2Image.saveAsJPEG(canvas));

您正在使用“另存为”功能，仍然使用旧的画布对象。