import html2pdf from 'html2pdf.js';exportPdf = () => {// 要导出的dom节点,注意如果使用class控制样式,一定css规则const element = document.getElementById('doc');// 导出配置const opt = {margin: 1,filename: '导出的pdf名称',image: { type: 'jpeg', quality: 0.98 }, // 导出的图片质量和格式html2canvas: { scale: 2, useCORS: true }, // useCORS很重要,解决文档中图片跨域问题jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' },};if (element) {html2pdf().set(opt).from(element).save(); // 导出}};

React前端转PDF相关推荐

  1. React:后端返回pdf数据流,前端打开页面预览,使用fetch,PDFObject

    预览页面: import React, { useEffect } from 'react'; import { connect } from 'react-redux'; import PropTy ...

  2. React jsPdf+html2canvas 前端生成pdf(分页截断 + 图片质量)

    前言 记录一下最近实现的前端生成pdf的功能,以及遇到的坑和解决方式 由于笔者1年多没碰过react了,之前也比较少使用hooks,实现这个功能也是想复习一下之前的知识,如果有什么写得不好的请指出交流 ...

  3. react前端开发_是的,React正在接管前端开发。 问题是为什么。

    react前端开发 by Samer Buna 通过Samer Buna 是的,React正在接管前端开发. 问题是为什么. (Yes, React is taking over front-end ...

  4. 纯前端下载pdf链接文件,而不是打开预览的解决方案

    纯前端下载pdf链接文件,而不是打开预览的解决方案 参考文章: (1)纯前端下载pdf链接文件,而不是打开预览的解决方案 (2)https://www.cnblogs.com/jackson-yqj/ ...

  5. 前端生成pdf的js库-pdfmake.js的简单使用

    公司之前是通过 Jaspersoft Studio软件,生成一个.jasper文件模板,通过模板中的sql语句,查询信息,生成pdf传给前端显示或者下载. 但是觉得会占用带宽,浪费服务器资源,并且这件 ...

  6. 不使用前端的pdf.js,通过pdfbox转换pdf为图片,拼接成html实现pdf前端预览

    一般情况,pdf类型的文件在前端预览,都是通过前端插件,或者获取源文件浏览器自带的工具预览,由于项目中,是前后端分离,前端不想使用pdf.js类的插件,预览的要求又是只能看不能下载,所以只能另外想别的 ...

  7. pdfmake支持html,pdfMake前端导出pdf

    pdfMake前端导出pdf 目前导出PDF还是后端(或nodejs)比较好. (如果没有必要) 导出方案 后端: IText,wkhtmltopdf...等等. 前端: jsPdf,pdfKit,r ...

  8. react前端项目_如何使用React前端设置Ruby on Rails项目

    react前端项目 The author selected the Electronic Frontier Foundation to receive a donation as part of th ...

  9. React学习手册 React学习手册中文版 React学习手册pdf React学习手册中文版pdf

    React学习手册,React学习手册PDF React学习手册中文版,React学习手册中文版PDF React学习手册,React学习手册pdf,React学习手册-14393339,React学 ...

最新文章

  1. OpenCV与gcc和CMake一起使用
  2. Confluent官博:Kafka最牛队列,性能15倍于RabbitMQ!
  3. linux将访问日志切成每天,最简单自动切割 nginx 访问日志示例
  4. 信息学奥赛一本通C++语言——1026:空格分隔输出
  5. Python MySqlDB 增删改数据库(转载)
  6. 超大整数相加,超过了long的范围,你要怎么做
  7. AtCoder Regular Contest 080
  8. 小学五年级计算机进度安排,苏教版小学五年级信息技术教学计划及进度安排.DOC...
  9. 多租户数据中心采用SDN的优势和挑战
  10. [机器学习]关联挖掘算法Apriori和FP-Growth以及基于Spark 实例
  11. Hadoop出现core-site.xml not found的解决办法
  12. MyBatis之使用XML配置SQL映射(二)CRUD映射配置
  13. 作为测试人员,不要说有错误,要说有什么错误
  14. 图解机器学习算法(14) | PCA降维算法详解(机器学习通关指南·完结)
  15. (minio学习过程2)纠错码
  16. 网友对sars病毒事件的对话(转)
  17. Verilog HDL 编程语言接口
  18. 17 | 五险一金到底有什么用?被忽视的个人利益
  19. Scala----特质trait的使用
  20. 拒酒词、与领导喝酒的诀窍、酒量不行的技巧

热门文章

  1. 【死磕Java并发】----- 死磕 Java 并发精品合集
  2. 白盒测试中SC、DC、CC、CDC、MCC、MCDC含义区别
  3. 让用户能快速选取有趣影片 Bing使用机器来选择摘要
  4. Cannot deserialize instance of
  5. 防火墙公司怎么跟天气预报扯上关系?
  6. WebView使用详解(一)——Native与JS相互调用(附JadX反编译)
  7. IT学子成长指导类文章链接(一)
  8. 前端上传excel表格文件解析预览
  9. 寒冬让SKYCC营销软件陪您一起走过
  10. CP模式(ZK)的分布式锁分析