div转img后如何获取Base64数据？

Question

我不是 javascript 的专家我想将 div 转换为图像然后我找到了这个 jsfiddle

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

但是如何获取base64数据并将其发送到服务器以保存图像？

谢谢

Answer 1

使用.toDataURL()获取可以发送到服务器的内容：

$.post('myhandler.php', {
    image: canvas.toDataURL()
}, function (data, status) {
    //Callback
});

div转img后如何获取Base64数据？

How I can get the Base64 data after converting div to img?

html

javascript

jquery

png

canvas