问答

vue 打印pdf,样式不对

作者:admin 2021-07-21 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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影响了

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue 打印pdf,样式不对

    vue 打印pdf,样式不对

  • 怎么实现点击另一个app的指定按钮呢?

    怎么实现点击另一个app的指定按钮呢?

  • echarts—GL 矢量场图示例的gfs.json中

    echarts—GL 矢量场图示例的gfs.json中

  • 《vue.js 实战》看过的兄弟指导一下啊

    《vue.js 实战》看过的兄弟指导一下啊

腾讯云代理商
海外云服务器