打印网页局部内容的方法

如果不在乎排版,可以直接使用jqprint这个插件

如果对打印出来的文件有排版上面的要求,可以先将需要打印的区域转换成图片,然后打印这个图片,或者直接下载当前图片

使用html2canvas这个插件,先将目标区域利用toDataURL方法转换成URL编码的方式。

接着将URL给a标签的href属性赋值,模拟点击a标签的操作就可以下载当前图片了。

html2canvas($("#qr-dialog"), {
     onrendered: function (canvas) {
       var a = document.createElement('a');
         a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
         a.download = 'qr.jpg';
         a.click();
    }
});
原文地址:https://www.cnblogs.com/kugeliu/p/6785073.html