2024-05-10将当前页面指定区域的内容导出pdf到本地。借助了两个插件分别是html2canvas.js和pdf.js来实现。使用过程中遇到的问题及解决方法。_vue 导出pdf jspdf

https://www.qianduange.cn//article/7874.html 分类：前端知识

2024-05-10【jspdf】前端html生成pdf的两种办法 以及 引入中文字体_jspdf

https://www.qianduange.cn//article/7795.html 分类：前端知识

2024-04-20引用jspdf.js你copy过去也可以直接使用,这两个js是我们核心使用文件。

https://www.qianduange.cn//article/5402.html 分类：前端知识

2024-03-21需求：html页面转换pdf，页面有多个模块，页面中有文本、echarts、表格等模块，一个模块占一页，因为模块高度不够，所以需要垂直居中通过html2canvas和jspdf实现，html2canvas用于将页面元素生成canvas，jspdf用于将页面元素导出pdf效果：以下代码可以直接运行，背景图需要自行加一下注意点：背景图片不支持跨域图片，非要使用跨域图片。可以通过js转成base64，使用base64设置背景图片_html2canvas js.pdf 生成pdf 一页添加一张图片

https://www.qianduange.cn//article/4049.html 分类：前端知识

2024-03-15前段时间接到一个任务，是将网页生成PDF。开始的解决方案是使用将页面生成图片，再使用jspdf生成PDF。jspdfPDF后面了解到Puppeteer库，Puppeteer是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个浏览器。既然是浏览器，那么我们手工可以在浏览器上做的事情PuppeteerPDFVUEPDF我们使用midwayjs作为HTTP服务，通过调用Puppeteer生成图片和PDF返回二进制给浏览器。_nodejs pdf2html 图片处理

https://www.qianduange.cn//article/3806.html 分类：前端知识

2024-02-12view class="exportPdfBtn" @click="downKcReport()">导出PDF//如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔。watermark_fontsize: '14px', //水印字体大小。watermark_y_space: 102, //水印y轴间隔。watermark_x_space: 80, //水印x轴间隔。watermark_font: '微软雅黑', //水印字体。_前端导出加水印

https://www.qianduange.cn//article/1853.html 分类：前端知识

2024-02-02Vue-Plugin-HiPrint 是一款专注于 Vue 3 的打印插件，旨在简化开发者在 Vue 3 项目中的打印需求。它基于和jspdf这两个强大的库，将页面内容转化为图片，然后生成 PDF 文件。简单易用：提供简单的 API，使得在 Vue 3 项目中集成打印功能变得轻而易举。灵活配置：支持丰富的配置选项，满足不同项目的打印需求。自定义样式：允许开发者自定义打印时的样式，以确保打印效果符合预期。_vue3 打印

https://www.qianduange.cn//article/1118.html 分类：前端知识