将网站保存成图片

使用html2canvas 讲网页元素保存成图片

引用文件

HTML

download

JS

$(function(){     
    print();  
}); 

function print(){     
    html2canvas( $("#o_text") ,{            
        onrendered: function(canvas){  
            $('#down_button').attr('href',canvas.toDataURL());  
            $('#down_button').attr('download', '1.png' ); 
        }  
    });  
} 

最好的情况 将需要打印的元素 脱离文档流。

移动端 如果生成的图片太大的话会出现问题。