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

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

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

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)

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行