首页
学习
活动
专区
工具
TVP
发布

【译】如何你的网页应用转化成PDF

简介 当我们网页应用转化成 PDF 的时候有着各式各样的方法。在下面这篇文章来说,Rachel Andrew 通过她自己使用市面上各种工具的经验来帮助我们找到最合适自己的工具。...许多网页应用有着能让用户转化下载成 PDF 格式的文件的需求。在某些情况下(例如电子商店),需要快速的根据动态的数据生成 PDF。 在这篇文章中,我会带着大家寻找各种各样可以直接网页应用。...这个工具可以选择一个或多个 HTML 文件,基于它们的样式转化成一个 PDF 文件。这个工具是通过 WebKit 渲染引擎来工作的。...我们一起来看下 paged.js 和 Vivliostyle。...在你页面发送到你使用的工具时,留意下是否会生成你想要的打印格式。如果是一个普通的打印格式,你在页面上用到的CSS 并不一定会在 PDF 文件上正常展示出来。

1.5K60
您找到你想要的搜索结果了吗?
是的
没有找到

使用 pdf.js网页中加载 pdf 文件

网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票。(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件。 ?...目前随着浏览器技术发展的不断成熟与强大,大部分的浏览器都支持直接PDF文件拖到浏览器中显示,最方便的是这个操作不需要额外的插件支持。但是不同的浏览器加载显示PDF的效果不同。...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件、查看器脚本文件viewer.js 、资源文件local.properties。 ?...该查看器中默认加载的是 pdf.js 的使用说明书内容。 ? 二、将 pdf.js 集成到项目网页中 将解压缩的内容复制到项目中 ? 有多种方式加载加载并查看pdf文件内容。...> 但是该方法pdf文件写死了。

42.3K61

使用PyQt5网页打印成PDF

使用PyQt5网页打印成PDF Posted December 03, 2018 最近制作诗词日历的 PDF 版本, 准备打印一下做成实体日历。...之前我写过一篇优化 print 样式的文章,在 Google 上搜索page to pdf, 大多数都是默认页面的样式打印, 而非使用 @media print 样式打印, 后面做了很多查询, 才发现...需要注意上面的代码有一些是异步的操作, 这里使用信号挂载的形式来检查页面成功加载的时候和打印 PDF 完成的时候, 来分别完成部分任务。 这里比较类似于 JS 的事件。...Python loader.loadFinished.connect(printToPDF) 当页面加载完毕JS 执行完毕的时候再打印页面, 否则会出现打印空白页....功能把每个pdf 合并成一个大的 PDF 文件

3.2K40

pdf.js预览pdf文件流(base64)

1、前言: 新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件文件流base64字符串,前端只能拿到base64来进行预览。...pdf.js是一款非常优秀的pdf解析工具,但不支持直接预览文件流,这里需要对pdf.js稍微改造。...2、下载pdf.js 下载地址:https://mozilla.github.io/pdf.js/ 下载稳定版本,下载后解压,他放在静态资源目录下面,我这里的项目是老项目,前后端么有分离的java项目...,放在webapp下面,我下载以后的文件解压重新命名为pdfjs文件夹,如图  3、保存pdf文件流 我这里是一个接口返回包括内容详情,图片,pdf文件等所有内容,点击一条pdf记录,跳转打开新的标签页进行预览...因此接口返回的pdf文件流base64编码先本地缓存.跳转到我们下载的pdf文件夹里面的【viewer.html】文件

14.2K20

如何 Markdown 文件批量转换为 pdf

需求 有个朋友提出,希望目录中的许多 markdown 文件,批量转换为对应名称的 pdf 格式文件。我于是编写了一个 Python 脚本,并且分享给你。如果你有类似的需求,欢迎使用。...由于使用了 pandoc 作为转换工具,因此 Markdown 文件里的图片链接,不论是本地存储的(只测试了绝对路径情况),还是图床上的,都可以正确转换并且显示到 pdf 文件里。...tinytex 因为需要转换的 markdown 文件,大部分都是中文文档,因此转换到 pdf 的时候,需要 xelatex 的支持。...,并且其中第一行的路径,替换成自己电脑上的目录名称。...你会看到,在原先的 markdown 文件所在目录下面,生成了一个新的文件夹,叫做 pdf 。 你的转换后 pdf 文件,应该已经在里面了。 如果遇到问题,欢迎反馈给我。 祝使用愉快!

2K50

组件分享之前端组件——基于pdf.js在线预览PDF文件

组件分享之前端组件——基于pdf.js在线预览PDF文件 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件...下面是其开源库中的描述内容: PDF.js是使用 HTML5 构建的可移植文档格式 (PDF) 查看器。 PDF.js 由社区驱动并受 Mozilla 支持。...1、创建一个html页面,并在其中增加如下代码 PDF.js '...中增加如下代码进行加载需要在线展示的pdf文件 // 如果提供了来自远程服务器的绝对URL,则在该服务器上配置CORS头。...pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js'; // 异步下载PDF

4.9K20

使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

,爬取他的网页内容,然后输出成我们想要的PDF格式文档,请注意,是高质量的PDF文档 第一步,安装Node.js ,推荐http://nodejs.cn/download/,Node.js的中文官网下载对应的操作系统包...,将您需要爬虫爬取的网页地址替换上去(默认是http://nodejs.cn/) 第八步 在命令行中输入 nodemon index.js 即可爬取对应的内容,并且自动输出到当前文件夹下面的index.pdf...文件中 TIPS: 本项目设计思想就是一个网页一个PDF文件,所以每次爬取一个单独页面后,请把index.pdf拷贝出去,然后继续更换url地址,继续爬取,生成新的PDF文件,当然,您也可以通过循环编译等方式去一次性爬取多个网页生成多个...await page.goto(url, { waitUntil: 'networkidle0' }) //选择你要输出的那个PDF文件路径,爬取到的内容输出到PDF中,必须是存在的...PDF文件,当然也可以一口气输出多个PDF文件~ 这里就不做过多介绍了,毕竟 Node.js 是可以上天的,或许未来它真的什么都能做。

3.1K60

python之HTML文件转换成PDF格式文档

前言 网上很多支持将html转pdf格式工具,有在线的、离线的;也有免费和收费的。...option 二、示例 1、全局参数 --collate 当输出多个副本时进行校验(这是默认设置) --no-collate 当输出多个副本时不进行校验 --cookie-jar从提供的JAR文件中读写...d, --dpi指定一个要分辨率(这在 X11 系统中并没有什么卵用) -H, --extended-help 相对 -h 参数,显示更详细的说明文档 -g, --grayscale 指定以灰度图生成PDF...不对PDF对象使用丢失少量信息的压缩算法,不建议使用些参数, 因为生成的PDF文件会非常大。...results 遇到的坑: 1、图片会被分割,未解决(网上的案例说是分页间隔给加大,但是实际效果不佳) 2、字体大小,参数中的字体大小设置不生效,未解决

2.1K20
领券