1.首先利用html2canvas把html转换成canvashtml2canvas($('#content'),{
onrendered: function(canvas) {
document.body.appendChild(canvas);
}
})
2.利用canvas对象方法:toDataURL()把canvas转换成图片function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");
return image;
}
得到的数据格式为:data:image/png;base64…
完整代码如下:html>
DocumentHello World!
Are you hear me?
save
$(function(){
$('#btnSave').click(function(event) {
html2canvas($('#content'),{
onrendered: function(canvas) {
document.body.appendChild(canvas);
convertCanvasToImage(canvas);
}
})
});
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");
document.body.appendChild(image);
return image;
}
})