加入收藏 | 设为首页 |

ope电竞-好用的JavaScript客户端PDF插件——jsPDF

海外新闻 时间: 浏览:124 次

介绍

和平常相同,jsPDF是一个开源的客户端的PDF处理方案,在之前的文章中现已介绍过几个Web端和PDF相关的库ope电竞-好用的JavaScript客户端PDF插件——jsPDF,jsPDF同样是一个不错的客户端PDF引 SDK,你能够经过jsPDF在客户端完结相关操作,它包含了十分丰富的API,协助你完结一系列的杂乱操作!能够说它是适当抢先的HTML朱子家训5客户端处理方案了!



Github

https://github.com/MrRio/jsPDF

Github star数17k+,能够说适当受欢迎了!


装置运用

一般情况下咱们会考虑运用包办理,常见的便是npm了,因而装置十分简略

npm install jspdf --save

或许也能ope电竞-好用的JavaScript客户端PDF插件——jsPDF够运用yarn

yarn add jspdf

接下来便是制造你的文件的时分了

默许导出为a4纸张,纵向,运用毫米表明单位


var doc = new jsPDF()
doc.teope电竞-好用的JavaScript客户端PDF插件——jsPDFxt('Hello world!', 10, 10)
doc.save('a4.pdf')

假如要更改纸张尺度,方向或单位,能够履行以下操作:


var doc = new jsPDF({
orientation: 'landscape',
unit: 'in',
format: [4, 2]
})
doc.text('Hello world!', 1, 1)
doc.save('two-by-four.pdf')

运用UTF-8 / TTF

PDF中的14种规范字体仅限于ASCII代码页。ope电竞-好用的JavaScript客户端PDF插件——jsPDF假如要运用UTF-8,则有必要集成自定义字体,该字体供给所需的字形。jsPDF支撑.ttf文件。因而,假如你期望在pdf中运用中文文本,则您的字体有必要具有必要的中文字形。因而,请检查您的字体是否支撑所需的字形,ope电竞-好用的JavaScript客户端PDF插件——jsPDF不然它将显现空白而不是文本。



要将字体添加到jsPDF,在/fontconverter/fontconverter.html中运用官网供给的fontconverter。fontconveope电竞-好用的JavaScript客户端PDF插件——jsPDFrter将创立一个js文件,其间包含供给的ttf文件的内容作为base64编码的字符串和jsPDF的附加代码。你只需将生成的js-File添加到项目中即可。然后,就能够在代码中运用setFont-method并编写UTF-8编码文本。



Angular/Webpack/React等装备

惯例操作

import * as jsPDF from 'jspdf'

有些结构,有必要像下面这样

import jsPDF from 'jspdf';


API

jsPDF的api十分丰富,在这里就不供给相关地址了,在Github必定找的到,本文要点不在于介绍jsPDF的用法,将部分API截图展现,经过称号大致能猜到一些意思,具体用法需求参考官网文档:













从截图来看,其文档特别的具体,具体到每一个API在js文件的行数,便于阅览源代码,包含参数以及返回值都十分清晰:



在线DEMO

官方供给了一个在线demo,能够直接运转代码,感兴趣的能够先测验一下:



总结

jsPDF是笔者见过相似产品中较为杰出的,简直涵盖了一切PDF相关操作,十分具体的文档也让开发者,轻松上手,在线demo还能快速学习,假如你的项目对PDF的操作比较多,无妨测验下jsPDF,仅有需求留意的便是处理字体问题,可是上文也提到过处理方案,感兴趣的能够进行体会!