前端转换成PDF，这几个方案你一定要知道

我是小东洲，点击左方“重视”，每天为你分享【前口技术知识】零售商店。

可能有不少小伙伴，在业务范围中都遇到需要前口分解成pdf的系统。

今天就为大家介绍几款，前口分解成pdf的Ubuntu托。

这里只说一下这几款提案的基本系统，需要的可以自行查看官方文档，不懂的可以私信我。

提案一jsPDFnew jsPDF(orientation, unit, format)

系统

拥护文本拥护相片拥护html拥护设置手写体，文字大小等等提案二pdfkitvar doc = new PDFDocument();var stream = doc.pipe(blobStream());

这个Ubuntu托既拥护网页口也拥护node服务口。

系统

拥护文本拥护相片拥护html拥护设置手写体，文字大小等等

这个Ubuntu托还提供了丰富的绘成各种形状，以及线条的api，最重要的是他还拥护svg path[中都国罕]。

提案三pdfmakepdfMake.createPdf(docDefinition).download();

这个Ubuntu托既拥护网页口也拥护node服务口。

pdfmake实际上是对pdfkit的元件，pdfkit有的系统pdfmake都有，只是用起来更简洁了。

更不可或缺的是pdfmake拥护分栏[中都国罕]。

提案四pupetterconst puppeteer = require('puppeteer');(async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto(''); await page.pdf({path: 'example.pdf'}); await browser.close();})();

他是利用在node服务口开始运行一个无头chrome网页来实现的。

这个方法就比较简单恐怖了，直接锁住一个网页，将这个网页的概要分解成pdf。

留意：这个网页概要尺寸得掌控好。

而且这个看起来坑的地方就是，这个外面在本地跑，手写体是一点毛病没有的，但是部署到云口就有问题了，所有手写体都移除了，这个时候需要你在docker密封中都装各种手写体，此处脑袋看起来大，感兴趣的可自行学术研究。

揭示

jsPDF只拥护网页口，pdfkit与pdfmake既拥护网页口也拥护node服务口，pupeteer拥护服务口，各位可以根据自己的业务范围需求自行选择。

大家还并不知道其他分解成PDF的提案嘛？可以在评论区专页哦，都由学习。

往期精彩概要

CSS实现拖拽系统，你是用心的吗？

FormData取向，并不知道吗？它可以让你在表单系统设计上事半功倍？

flex不香吗，你还在傻傻地用float吗

笔记介绍

小东洲，90后前口开发机械师，热爱生活，一个在劳动力中都不断学习的人，愿我们都由进步，点重视不迷路[中都国罕][作揖]。

杭州哪家专科医院做人流好
上海看白癜风哪家比较好
河南白癜风治疗哪家好
北京看妇科的医院哪家好
吃冰的就拉肚子
干扰素
女生护肤
去眼袋美容
脑出血
眼科