把html 页面转换成图片 并直接调用打印预览的代码
解决方案 ，需要使用到 html2canvas.min.js 插件
插件下载地址：https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js
<button onclick="printPage()">打印预览</button>
《/script》
function printPage() {
// 保存原始页面信息
var old = document.body.innerHTML;
html2canvas(document.body).then(canvas => {
// 创建一个Image元素
var img = new Image();
img.src = canvas.toDataURL("image/png");
img.onload = () => {
// 打印图片
window.print();
// 还原页面信息
document.body.innerHTML = old;
};
});
}
《/script》
本文来源：黑龙码(gongfuma.com.cn)
声明：本文系黑龙码原创稿件，版权属[黑龙码 gongfuma.com.cn]所有。
未经授权不得转载，已经协议授权的媒体下载使用时须注明"稿件来源：黑龙码"，违者将依法追究责任。
