码迷,mamicode.com
首页 > 其他好文 > 详细

调用谷歌浏览器的打印所遇到的困难

时间:2020-02-18 13:12:24      阅读:24      评论:0      收藏:0      [点我收藏+]

标签:doc   生成   背景   pen   存在   浏览器   end   round   遇到   

首先我要说一下打印的思路:

1.将页面dom保存起来存在文档碎片里面

let fragment = this.nodeToFragment(document.body)
2.将生成的图片放在body里面(我在开发的过程中遇到了,调用打印方法的时候发现不能将背景色进行打印,当然这需要在
打印里面去设置 更多设置里面勾选打印背景色)
document.body.style.background = ‘rgba(0, 0, 0, 0.5)‘
document.body.innerHTML = `<img src=${img} width="100%"/>`
现在整个body里面就剩下一张图片了,
然后我们在将之前dom还原就可以了
window.print()
document.body.style.background = ‘‘
document.body.innerHTML = null
document.body.appendChild(fragment)
 
 

调用谷歌浏览器的打印所遇到的困难

标签:doc   生成   背景   pen   存在   浏览器   end   round   遇到   

原文地址:https://www.cnblogs.com/MDGE/p/12325501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!