javascript - 如何将我的动态 div 转换为 png 图像

Question

我这里有 3 个动态 div，我正在尝试将动态 div 转换为图像格式以供 priwew 部分使用，如何将动态 div 转换为图像格式？有什么想法吗？

还需要隐藏动态div只显示图片，请提供fiddle

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

Answer 1

http://jsfiddle.net/8ypxW/3/

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

检查此以供引用。