以图像的形式下载html div内容

Question

我在jsp中显示一个包含一些数据的表。我想在它上面添加一个下载按钮，点击它会以图像的形式下载整个表格。请帮我解决这个问题。

Answer 1

$(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);
        }
    });
});

}）;

看看这个小提琴Demo

点击保存PNG 右键单击以保存图像作为选项，您可以随意使用。