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

Posted 2021-03-09 mdge

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

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)