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