react打印样式丢失如何解决(react,web开发)

时间:2024-04-29 00:59:48 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    react%E6%89%93%E5%8D%B0%E6%A0%B7%E5%BC%8F%E4%B8%A2%E5%A4%B1%E5%A6%82%E4%BD%95%E8%A7%A3%E5%86%B3

希望大家仔细阅读,能够学有所成!

react打印样式丢失的解决办法:1、通过“npm install --save html2canvas npm install jspdf --save”命令安装jspdf;2、使用jspdf将需要打印的div转成pdf;3、使用react重新打印即可。

vue print打印div样式丢失 (react通用)

使用网上的print.js插件,打印发现样式丢失。

解决方案 > 将html转成pdf,再打印pdf

使用jspdf将需要打印的div转成pdf(转成的pdf样式不会丢失,因为pdf.js是将div转成canvas)

安装jspdf

npminstall--savehtml2canvas
npminstalljspdf--save

上代码

utli.js 直接复制,注意outPutPdf方法入参即可

需要打印部分

<divid="printDiv"></div>

vue 全部代码

本文:react打印样式丢失如何解决的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:react如何实现图片验证下一篇:

8 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18