前端打印

我是在react项目中测试。 正常npm安装printjs 然后选中页面里面一个元素打印，发现用的antd样式丢失，这还真不知道如何在打印的时候把antd样式引入。 退而求其次，将元素生成图片再打印。

借鉴参考抄袭 【解决方案】window.print()打印指定元素 打印页面所有内容 打印页面某个元素内容 当前页面的window对象 iframe元素内的window对象 window.open方法

打印函数 直接调这个函数打印了一个react框架构建的页面，发现背景颜色丢失，以及有页眉页脚。 首先是要添加 css 不让浏览器渲染对盒子颜色产生影响。 可以添加到根元素或者所有元素上。 最后去除页眉