Paged.js能使用HTML实现精美PDF

21-04-05 banq

HTML和CSS是精美的语言,是协作和开放网络的标志性成就之一。它们可以创建精美的排版数字内容,这些内容可以在任何设备上查看,而无需任何特殊软件或付费许可证。

但是,网络是为滚动内容而不是分页媒体而开发的(媒体是指离散页面,例如印刷或PDF)。不幸的是,尽管分页媒体上有W3C标准,但迄今为止浏览器采用得还不够。PrinceXML中虽好但是一种付费方案,但是缺少本地的免费解决方案。

paged.js是一个天才的想法,可以充填所需的功能,以允许浏览器以本机方式处理分页媒体,而不必从头开始构建整个渲染引擎。

 

安装

通过paged.js从HTML生成PDF包含三个要素。首先,您需要通过在本地或直接链接到paged.polyfill.js库来加载它:

<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>

其次,您将需要一个Web服务器,因为paged.js可以通过修改基础HTML和CSS来工作。一种方法是在GitHub Pages(或类似页面静态托管,另一种方法是使用本地服务器(例如Web Server for Chrome)

最后,您需要拥有自己的自定义样式表,您将在其中输入所有要应用的格式设置规则。在我们的示例仓库中,这些规则包含在style.css中

作为一种更简单的选择,只需克隆我的示例存储库(并为克隆的存储库设置GitHub Pages),然后通读style.css 和 index.html了解它是如何工作的。本指南的其余部分将带您通过我的仓库中的代码示例。

详细点击标题。

 

1
猜你喜欢