vue 打印pdf，样式不对

Question

打印出来这一块是有阴影的。怎么回事
其实最好是吧这个内容，横向的长度和纵向的长度互换一下的，不知道怎么实现？
下面是具体实现
https://blog.csdn.net/pratise...

Answer 1

我这里没有复现你的问题，我创建了一个全新的 vue 项目，然后按你链接的方法生成了pdf，没发现问题。

所以问题貌似出在你的css 某些背景设置上，但我这里没有你的代码，没法复现你的问题。

Answer 2

我本地无法安装jspdf，没办法本地测试；不过按照楼上测试用你的方法，猜想也可能是你的样式出了问题

Answer 3

1. 打印的时候，会进行媒体查询 @media print
2. 所以理论上可以通过增加相应的 CSS 调整打印时的样式
3. Chrome 浏览器，在开发者工具下，Control/Cmd + Shift + P，键入 render，选择 “Show Rendering”
4. 然后在 “Emulate CSS media type”下选“print”即可强制 Chrome 用打印模式渲染页面
5. 你可以试试看能否解决问题

Answer 4

================作者的答案=======================
我用了自己写的panel 包了一层，是panel带的css影响了