打印网页局部内容的方法

Posted 2020-09-14 无情码字员

如果不在乎排版，可以直接使用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();
    }
});