[发明专利]生成PDF文件的方法、装置、存储介质和电子设备

说明书

本发明公开了一生成PDF文件的方法、装置、存储介质和电子设备，其中方法包括：利用当前页面中设置的不可见的预览组件，获取指定的预览内容并基于获取的预览内容生成对应的不可见的HTML格式的预览对象；基于所述HTML格式的预览对象，在所述当前页面中生成对应的PDF文件。该方法由前端服务生成PDF，可控性更强。通过定位元素的特性，可以在用户无感知，不可见、对当前页面显示无影响的情况下，操作元素内容，生成PDF格式文档。解决了传统后端服务生成PDF可能带来的样式问题，兼容性更好，且无需发起ajax请求，节省了宽带流量，用户体验更好。

技术领域

本发明涉及文件处理领域，尤其是一种生成PDF文件的方法、装置、存储介质和电子设备。

背景技术

标准编写是一种特定形式的技术文件，为了便于编写，审查和使用，ISO/IEC和各国际标准团体，以及各国际标准机构对编写标准都有一套基本规定，也就是说，标准编写都有统一的编写方法。

通过前端服务生成标准编写的PDF文件的实现方式为，通过html页面在线支持用户手动输入表单、富文本、图片等信息，根据标准格式，用户在信息填写完毕后，在html页面预览生成的PDF样式，最终付费并下载编写的PDF格式文档。通常，需要用户在付费完成后，返回到订单列表，并下载PDF格式的、用户所编写的文档。现有技术中，html是通过引用第三方插件的方式生成PDF。并且，为了生成PDF，html页面的页面节点必须是可见的，即通过js脚本能够访问获取到dom节点，通常来讲，如果想要将html页面内容转化为PDF格式，该html的dom节点必须在当前页面，即预览页面。

但是，在用户的显示订单的订单列表页面，由于单页面应用自始至终只展示一个页面，即打开一个新页面时，原页面将会关闭，js就无法获取到原页面相关的dom节点。因此，存在如下问题，即在订单列表页面，无法访问到预览页面的dom节点，也就无法根据dom内容生成PDF文档，即在订单列表页面，无法预览查看生成的PDF文档。现有技术存在如下技术问题：在单页面应用中，在当前页面中，无法在用户不察觉的情况下，获取到根据在前页面的页面内容生成的PDF文件。

传统的后端服务生成标准编写的PDF文件的实现方式为，根据用户在前端提交的相关的信息，例如表单、富文本、图片等信息，后端服务根据用户输入信息以及各个字段内容，生成PDF文档，将生成的PDF文档的地址返回前端。用户在进入到订单页面的时候，前端通过手动触发PDF文档的地址，即手动触发请求PDF超链接，实现在订单页面将相关的PDF文档下载到本地。但通过后端服务生成标准编写的PDF文件的缺点是后端服务业务逻辑负载加重，且生成的PDF的样式效果不如前端服务生成标准编写的PDF文件，还可能存在兼容性的CSS样式问题。

发明内容

有鉴于此，本发明提供了一种生成PDF文件的方法、装置、存储介质和电子设备，能够解决在单页面应用中，在当前页面中，无法在用户不察觉的情况下，获取到根据在前页面的页面内容生成的PDF文件的技术问题。

本发明提供一种生成PDF文件的方法。所述方法包括：

利用当前页面中设置的不可见的预览组件，获取指定的预览内容并基于获取的预览内容生成对应的不可见的HTML格式的预览对象；

基于所述HTML格式的预览对象，在所述当前页面中生成对应的PDF文件。

可选地，所述预览组件为定位元素且设置在所述当前页面的可视窗口之外。

可选地，所述预览组件在所述当前页面中的图层深度值为负值。

可选地，所述预览组件为定位元素且设置在所述当前页面的可视窗口之外或之内，且所述预览组件的预览界面被缩小至预定尺寸范围内后设置于预设遮挡图层之下。

可选地，基于所述HTML格式的预览对象，在所述当前页面中生成对应的PDF文件，包括：