[发明专利]页面图片获取方法及装置、存储介质、电子设备

说明书

本公开属于计算机技术领域，涉及一种页面图片获取方法及装置、存储介质、电子设备。该方法包括：获取目标页面的对象模型节点的节点数据，并提取节点数据中的可渲染数据生成待渲染对象；获取待渲染对象中的目标数据，并根据目标数据生成对象模型节点的层叠结构；基于层叠结构，在本地端对待渲染对象进行渲染得到与目标页面对应的目标图片，并在本地端显示目标图片。本公开在浏览器上完成，无需进行数据传输和交互，降低了网络环境对图片生成的影响，减轻了生成图片的服务器端的压力，无需用户长时间等待，优化了用户体验，无需对终端和服务器端的图片模板文件进行多端开发和维护，降低了获取图片的开发成本，提升了开发效率和优化了开发体验。

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面图片获取方法与页面图片获取装置、计算机可读存储介质及电子设备。

背景技术

随着计算机技术的发展，用户在多种场景下有将页面的指定区域生成图片的需求。一般的，通过服务端使用指定的模板文件进行图片的生成，该生成过程主要在于通过服务端发起网络请求，整个生成过程没有任何难度。举例而言，在“我的名片”页面中，用户在下载名片的过程中需要浏览器向服务器发起下载请求，并通过网络信息传输使服务器收到浏览器的请求信息，以进行名片的生成。在生成名片之后，可以通过数据流的形式返回给浏览器进行图片下载。

但是，当当前用户的网络环境不是很好的情况下，用户在本就需要等待下载的时间上，还需要等待更长的时间，甚至还会出现无法下载图片的情况，用户体验十分不好。并且，在程序开发的过程中，每次都需要分别同步浏览器模板代码和服务器模板代码，容易导致浏览器展示的图片与服务器生成的图片不一致的情况发生，开发成本高且效果不好。

鉴于此，本领域亟需开发一种新的页面图片获取方法及装置。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种页面图片获取方法、页面图片获取装置、计算机可读存储介质及电子设备，进而至少在一定程度上克服由于相关技术的限制而导致的时间成本高和开发复杂度高的技术问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本发明实施例的第一个方面，提供一种页面图片获取方法，所述方法包括：

获取目标页面的对象模型节点的节点数据，并提取所述节点数据中的可渲染数据生成待渲染对象；

获取所述待渲染对象中的目标数据，并根据所述目标数据生成所述对象模型节点的层叠结构；

基于所述层叠结构，在本地端对所述待渲染对象进行渲染得到与所述目标页面对应的目标图片，并在所述本地端显示所述目标图片。

在本发明的一种示例性实施例中，

所述提取所述节点数据中的可渲染数据生成待渲染对象，包括：

在所述节点数据中提取出可渲染数据；

对所述可渲染数据进行格式转换得到待渲染对象。

在本发明的一种示例性实施例中，所述目标数据为样式描述数据。

在本发明的一种示例性实施例中，

所述根据所述目标数据生成所述对象模型节点的层叠结构，包括：

根据所述目标数据确定所述待渲染对象的渲染顺序；

基于所述渲染顺序，根据所述待渲染对象生成所述对象模型节点的层叠结构。

在本发明的一种示例性实施例中，