码迷,mamicode.com
首页 > Web开发 > 详细

打印网页局部内容的方法

时间:2017-04-29 14:19:57      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:模拟   int   print   方法   oct   style   document   doc   排版   

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

 

打印网页局部内容的方法

标签:模拟   int   print   方法   oct   style   document   doc   排版   

原文地址:http://www.cnblogs.com/kugeliu/p/6785073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!