使用HTML2Canvas

Question

我正在使用HTML2Canvas将我的DIV转换为PNG。它进展顺利，但当我的DIV大于屏幕时，屏幕中只有DIV的可见部分会在图像中呈现。

是否有任何解决方法，以便我可以将整个DIV渲染到图像中？

这是我的代码：

html2canvas(divDrop, {
    onrendered: function (canvas) {
        imgMap.style.display = "";
        imgMap.src = canvas.toDataURL("image/png");
    },
    width: divDrop.clientWidth,
    height: divDrop.clientHeight
});

Answer 1

如评论中所述，我发布了以下工作链接：

<强> JSFiddle example

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

                // Convert and download as image 
                Canvas2Image.saveAsPNG(canvas); 
                $("#img-out").append(canvas);
                // Clean up 
                //document.body.removeChild(canvas);
            }
        });
    });
});