vue 打印pdf,样式不对

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

回答:

我这里没有复现你的问题,我创建了一个全新的 vue 项目,然后按你链接的方法生成了pdf,没发现问题。
pdf.jpg
所以问题貌似出在你的css 某些背景设置上,但我这里没有你的代码,没法复现你的问题。

回答:

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

回答:

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注