[发明专利]网页图片生成方法、系统、电子设备及存储介质

说明书

本申请实施例公开了一种网页图片生成方法、系统、电子设备及存储介质。本申请实施例提供的技术方案，应用于服务端，通过接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；然后根据设计数据生成设计图页面，最后基于设计图页面生成设计图片。由此，由服务端生成设计图片，可以有效降低生成设计图片对客户端造成的资源占用，同时在生成设计图片的过程中用户无需等待图片生成，减少了用户的等待时间。

技术领域

本申请涉及图片处理技术领域，更具体地，涉及一种网页图片生成的方法、系统、电子设备及存储介质。

背景技术

随着互联网的不断普及，人们的生活变得越来越便捷。例如：人们可以根据自家房屋户型在浏览器的网页中选择心仪的家具进行模拟装修，然后将喜欢的装修效果图保存，以使之后可以根据保存的效果图购买相应的家具对房屋进行装修，避免了直接单独购买后发现购买的家具风格不喜欢的情况。

但是，在对相关技术的研究和实践过程中，本申请的发明人发现，在网页中生成图片时若图片中的元素过多，会占用大量浏览器的内存资源，使得生成图片的速度缓慢，甚至导致浏览器崩溃。因此，如何降低图片生成过程中对浏览器资源的占用，是目前亟需解决的问题。

发明内容

鉴于上述问题，本申请提出了一种网页图片生成方法、系统、电子设备及存储介质，可以有效降低图片生成过程中对浏览器中资源的占用。

为了解决上述的技术问题，本申请实施例提供以下技术方案：

第一方面，本申请实施例提供了一种网页图片生成方法，应用于服务端，该方法包括：接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；根据设计数据生成设计图页面；基于设计图页面生成设计图片。

在一些实施例中，根据设计数据生成设计图页面，包括：

根据图片生成请求启动第三方库；

通过第三方库启动浏览器内核；

基于浏览器内核，根据设计数据生成设计图页面。

在一些实施例中，基于浏览器内核，根据设计数据生成设计图页面，包括：

通过浏览器内核加载预设字体；

基于浏览器内核，根据预设字体和设计数据生成设计图页面，其中，设计图页面中的文字内容以预设字体进行显示。

在一些实施例中，基于设计图页面生成设计图片，包括：

根据预设图片转换方式，将设计图页面转换为设计图片。

在一些实施例中，网页图片生成方法，还包括：

将设计图片保存至云服务器。

第二方面，本申请实施例提供了一种网页图片生成方法，应用于客户端，该方法包括：

响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据；

基于设计数据生成图片生成请求；

将图片生成请求发送至服务端，以使服务端根据图片生成请求生成于设计数据对应的设计图片。

在一些实施例中，网页图片生成方法，还包括：

响应于设计界面的图片获取操作，向服务端获取与图片获取操作对应的目标设计图片的保存地址；

根据保存地址从云服务器获取目标设计图片。

第三方面，本申请实施例提供了一种网页图片生成系统，该系统包括客户端和服务端：

客户端用于响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据；