网页图片生成方法、系统、电子设备及存储介质与流程

1.本技术涉及图片处理
技术领域：
，更具体地，涉及一种网页图片生成的方法、系统、电子设备及存储介质。
背景技术：
：2.随着互联网的不断普及，人们的生活变得越来越便捷。例如：人们可以根据自家房屋户型在浏览器的网页中选择心仪的家具进行模拟装修，然后将喜欢的装修效果图保存，以使之后可以根据保存的效果图购买相应的家具对房屋进行装修，避免了直接单独购买后发现购买的家具风格不喜欢的情况。3.但是，在对相关技术的研究和实践过程中，本技术的发明人发现，在网页中生成图片时若图片中的元素过多，会占用大量浏览器的内存资源，使得生成图片的速度缓慢，甚至导致浏览器崩溃。因此，如何降低图片生成过程中对浏览器资源的占用，是目前亟需解决的问题。技术实现要素：4.鉴于上述问题，本技术提出了一种网页图片生成方法、系统、电子设备及存储介质，可以有效降低图片生成过程中对浏览器中资源的占用。5.为了解决上述的技术问题，本技术实施例提供以下技术方案：6.第一方面，本技术实施例提供了一种网页图片生成方法，应用于服务端，该方法包括：接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；根据设计数据生成设计图页面；基于设计图页面生成设计图片。7.在一些实施例中，根据设计数据生成设计图页面，包括：8.根据图片生成请求启动第三方库；9.通过第三方库启动浏览器内核；10.基于浏览器内核，根据设计数据生成设计图页面。11.在一些实施例中，基于浏览器内核，根据设计数据生成设计图页面，包括：12.通过浏览器内核加载预设字体；13.基于浏览器内核，根据预设字体和设计数据生成设计图页面，其中，设计图页面中的文字内容以预设字体进行显示。14.在一些实施例中，基于设计图页面生成设计图片，包括：15.根据预设图片转换方式，将设计图页面转换为设计图片。16.在一些实施例中，网页图片生成方法，还包括：17.将设计图片保存至云服务器。18.第二方面，本技术实施例提供了一种网页图片生成方法，应用于客户端，该方法包括：19.响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据；20.基于设计数据生成图片生成请求；21.将图片生成请求发送至服务端，以使服务端根据图片生成请求生成于设计数据对应的设计图片。22.在一些实施例中，网页图片生成方法，还包括：23.响应于设计界面的图片获取操作，向服务端获取与图片获取操作对应的目标设计图片的保存地址；24.根据保存地址从云服务器获取目标设计图片。25.第三方面，本技术实施例提供了一种网页图片生成系统，该系统包括客户端和服务端：26.客户端用于响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据；27.客户端还用于基于设计数据生成图片生成请求；28.客户端还用于将图片生成请求发送至服务端，以使服务端根据图片生成请求生成与设计数据对应的设计图片；29.服务端用于接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；30.服务端还用于根据设计数据生成设计图页面；31.服务端还用于基于设计图页面生成设计图片。32.第四方面，本技术实施例提供了一种电子设备，该电子设备包括：一个或多个处理器、存储器以及一个或多个应用程序。其中，一个或多个应用程序被存储在存储器中并被配置由一个或多个处理器执行，一个或多个程序配置用于执行上述网页图片生成方法。33.第五方面，本技术实施例提供了一种计算机可读取存储介质，该计算机可读取存储介质中存储有程序代码，程序代码可被处理器调用执行上述网页图片生成方法。34.本技术提供的技术方案，应用于服务端，通过接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；然后根据设计数据生成设计图页面，最后基于设计图页面生成设计图片。由此，由服务端生成设计图片，可以有效降低生成设计图片对客户端造成的资源占用，同时在生成设计图片的过程中用户无需等待图片生成，减少了用户的等待时间。附图说明35.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。36.图1是本技术实施例提供的网页图片生成系统的结构示意图。37.图2是本技术实施例提供的一种网页图片生成方法的流程示意图。38.图3是本技术实施例提供的网页图片生成方法的执行流程图。39.图4是本技术实施例提供的另一种网页图片生成方法的流程示意图。40.图5是本技术实施例提供的一种网页图片生成装置的结构示意图。41.图6是本技术实施例提供的另一种网页图片生成装置的结构示意图。42.图7是本技术实施例提供的电子设备的结构示意图。43.图8是本技术实施例提供的计算机可读取存储介质的结构示意图。具体实施方式44.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。45.随着互联网的不断普及，人们的生活变得越来越便捷。在现有的技术中，人们可以通过互联网在线设计图片，并将设计的图片进行保存以便后续查看。例如：可以根据自家房屋户型在浏览器的网页中选择心仪的家具进行模拟装修，然后将喜欢的装修效果图保存，以使之后可以根据保存的效果图购买相应的家具对房屋进行装修，避免了直接单独购买后发现购买的家具风格不喜欢的情况。46.但是，在对相关技术的研究和实践过程中，本技术的发明人发现，在网页中生成图片时若图片中的元素过多，生成图片的过程会占用大量浏览器的内存资源，使得生成图片的速度缓慢，甚至导致浏览器崩溃，以使用户的使用体验不好。因此，如何降低图片生成过程中对浏览器资源的占用，是目前亟需解决的问题。47.因此，为了解决上述问题，本技术实施例提供了一种网页图片生成方法，应用于服务端，通过接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；然后根据设计数据生成设计图页面，最后基于设计图页面生成设计图片。由此，通过将生成设计图片的过程转移到服务端执行，有效降低了由于生成设计图片而对客户端中资源的占用，同时在生成设计图片的过程中用户无需等待图片生成，减少了用户的等待时间。48.下面将针对本发明实施例提供的网页图片生成方法的应用坏境进行介绍。49.请参阅图1，图1示出了本技术实施例提供的一种网页图片生成系统100，该系统包括客户端110和服务端120。50.在一些实施方式中，客户端可以是运行在终端的浏览器上的应用程序。其中，终端可以例如是手机、平板电脑、笔记本电脑、台式电脑、智能电视、智能投影仪、智能控制面板等。客户端110可以用于响应设计界面上的图片生成操作，获取设计界面中设计区域的设计数据；客户端110还用于基于设计数据生成图片生成请求；客户端110还用于将图片生成请求发送至服务端120，以使服务端120根据图片生成请求生成与设计数据对应的设计图片。51.在一些实施方式中，服务端可以是指单独的服务器，也可以是指服务器集群。服务端120可以用于接收客户端110发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；服务端120还用于根据设计数据生成设计图页面；服务端120还用于基于设计图页面生成设计图片。52.在一些实施方式中，客户端110和服务端120之间可以通过网络进行通信，网络通常为因特网、但也可以是任何网络，包括但不限于局域网(localareanetwork，lan)、城域网(metropolitanareanetwork，man)、广域网(wideareanetwork，wan)、移动、有线或者无线网络、专用网络或者虚拟专用网络的任何组合。在一些实施方式中，客户端110和服务端120之间也可以通过特定的通信协议进行通信传输，通信协议包括但不限于ble(bluetoothlowenergy，低功耗蓝牙)协议、wlan(wirelesslocalareanetwork，无线局域网)协议、蓝牙协议、zigbee(紫峰)协议或者wi-fi(wirelessfidelity，无线保真)协议等。53.需要说明的是，图1所示的网页图片生成系统的场景示意图仅仅是一个示例，本技术实施例描述的网页图片生成系统以及场景是为了更加清楚的说明本技术实施例的技术方案，并不构成对于本技术实施例提供的技术方案的限定，本领域普通技术人员可知，随着网页图片生成系统的演变和新业务场景的出现，本技术实施例提供的技术方案对于类似的技术问题，同样适用。54.下面将通过具体的实施例进行详细描述。55.请参阅图2，图2是本技术一实施例提供的网页图片生成方法的流程示意图，该方法应用于服务端。该网页图片生成方法可以包括步骤s210至步骤s230。56.在步骤s110中，接收客户端发送的图片生成请求。57.在本技术实施例中，服务端在接收到据客户端发送的图片生成请求后，根据图片生成请求中携带的数据生成设计图片。其中，图片生成请求中可以包含设计界面中设计区域的设计数据。58.在一些实施方式中，设计界面可以是指终端上的显示界面，设计区域还可以是指设计界面中的全部或部分用于用户进行排版设计的区域，设计数据是指设计区域中根据用户的排版设计最终形成的数据，例如图案、文字、数字等。59.在步骤s120中，根据设计数据生成设计图页面。60.在本技术实施例中，服务端在接收到客户端发送的图片生成请求后，根据图片生成请求中携带的设计数据生成设计图页面。其中，设计图页面是指根据设计数据形成的页面，该页面中包括客户端的设计区域中的设计内容(即设计数据)。61.在一些实施方式中，服务端在接收到设计数据后，将设计数据输入服务端的html(hypertextmarkuplanguage，超文本标记语言)解析器进行解析，生成为dom(documentobjectmodel，文档对象模型)树，然后通过css(cascadingstylesheets，层叠样式表)解释器解析处理css标记，生成cssom(cssobjectmodel，css对象模型)树，将dom和cssom合并为渲染树，对渲染树的每个节点进行布局处理，确定其在显示界面上的显示位置，最后遍历渲染树的每个节点并进行绘制，最终生成设计图页面。62.在一些实施方式中，服务端在接收到客户端发送的图片生成请求后，可以启动第三方库，然后再通过第三方库启动浏览器内核，最后再通过浏览器内核将图片生辰请求中携带的设计数据生成设计图页面。63.在一些实施方式中，第三方库可以例如是puppeteer库、playwright库、selenium库等，服务端可以通过调用api(applicationprogramminginterface，应用程序编程接口)以启动第三方库；浏览器内核可以例如是trident、gecko、webkit等。可以理解的，由于每个第三方库和浏览器内核的特点不同，具体使用的第三方库和浏览器内核可以根据实际需要进行选择，本技术实施例对此不做限制。64.在一些实施方式中，设计图页面中的文本内容(文字、数字、英文等)可以在设计图页面中以预设字体显示。具体地，服务端在通过第三方库去启动浏览器内核后，可以通过浏览器内核加载预设字体，然后根据预设字体和接收到的图片生成请求中携带的设计数据生成设计图页面，即根据设计数据形成的设计图页面中的文本内容以预设字体显示。65.在一些实施方式中，预设字体可以是客户端的默认字体(例如；楷体、宋体等)，也可以是用户手动设置的字体(例如：隶书、华文行楷等)，具体可以根据实际需要进行设置，本技术实施例对此不做限制。66.在步骤s130中，基于设计图页面生成设计图片。67.在本技术实施例中，设计图片是指与客户端设计区域中的设计内容对应的图片。服务端生成设计图页面后，根据设计图页面生成设计图片。具体地，服务端根据预设图片转换方式，将生成的设计图页面转换为设计图片。68.其中，设计图片的格式可以例如是gif(graphicsinterchangeformat，图形交换格式)、jpg(jointphotographicexpertgroup，联合照片专家组格式)、png(portablenetworkgraphics，便携式网络图形格式)等，具体可以根据实际需要进行设置。69.可选地，生成的设计图片的格式可以为预先设置的默认格式，例如：默认生成的设计图片格式为png格式。可选地，生成的设计图片的格式也可以是用户根据实际需要选择的格式，例如：生成的设计图片可以是png和jpg格式，用户需要的格式为png格式，因此可以选择生成png格式的设计图片。70.进一步地，在一些实施方式中，用户在选择需要生成的设计图片的格式后，可以将其作为预设图片格式封装至图片生成请求中，即图片生成请求中携带预设图片格式。具体地，客户端根据设计界面中设计区域的设计数据和用户选择的预设图片格式生成图片生成请求，并将图片生成请求发送至服务端，服务端在接收到图片生成请求后根据图片生成请求中携带的设计数据生成设计图页面，并根据图片生成请求中携带的预设图片格式将设计图页面转换为预设图片格式的设计图片。71.在一些实施方式中，预设图片转换方式可以是通过图形函数(例如：php中的imagick函数、java中的paint函数等)生成设计图片，即服务端可以通过编写的图形函数将设计图页面中的内容转换为图片。其中，图形函数可以为自定义的函数，也可以为已封装好的函数。可以理解的，图形函数可以根据实际需要进行选择，本技术实施例对此不做限制。72.在一些实施方式中，预设图片转换方式也可以是先将设计图页面转为文档，再将文档转换为设计图片。其中，文档的格式可以例如是pdf(portabledocumentformat，便携式文档格式)、word(microsoftofficeword，二进制文件格式)等。示例性的，服务端在生成设计图页面后，先将设计图页面转为pdf文档，再将pdf文档转换为设计图片。可以理解的，文档格式可以根据实际需要进行选择，本技术实施例对此不做限制。73.在一些实施方式中，预设图片转换方式还可以是对设计图页面进行截图，从而生成设计图片。其中，可以通过使用截图插件对设计图页面进行截图，截图插件可以例如是phantomjs、html2canvas、slimerjs等。可以理解的，截图插件种类可以根据实际需要进行选择，本技术实施例对此不做限制。74.可选地，截图插件可以是外置插件，服务端可以通过api调用截图插件实现对设计图页面的截图，以使得到设计图片。可选地，截图插件也可以作为服务端的内置插件，在生成设计图页面后根据内置的截图插件实现对设计图页面的截图，得到设计图片。75.在一些实施方式中，在根据设计图页面生成设计图片后，还可对生成的设计图片进行优化，例如提高设计图片的分辨率、调整设计图片的图片大小等。进一步地，在生成设计图片后还可对设计图片添加水印，以使防止被其他人盗用图片，侵犯用户的权益。76.可选地，可以是将生成的设计图页面全部转换为设计图片，即将设计图页面整个转换为设计图片。可选地，也可以是将设计图页面中的特定区域转换为设计图片，特定区域中至少包括设计图页面中与设计界面中设计区域对应的设计内容。77.在一些实施方式中，服务端根据设计图页面生成设计图片后，可以将设计图片发送至云服务器，以使将设计图片保存至云服务器。进一步地，云服务器在接收设计图片并进行保存后，可以将保存结果发送至服务端，服务端再将接收到的保存结果发送至客户端，以使用户可以通过客户端接收到的保存结果确定设计图片是否保存成功。78.其中，云服务器发送的保存结果中可以携带有设计图片在云服务器中的保存地址，从而之后用户可以通过客户端接收到的保存结果中携带的保存地址从云服务器获取保存成功的设计图片。79.在一些实施方式中，客户端向服务端发送的图片生成请求中还可以携带客户端标识，服务端生成设计图片后，可以向云服务器发送包含设计图片和客户端标识的图片保存请求，云服务器在接收到图片保存请求后，保存图片保存请求中携带的设计图片，并根据图片保存请求中携带的客户端标识将设计图片的保存结果发送至对应的客户端。80.具体地，请参阅图3，客户端在确定设计区域的设计数据后，根据设计数据生成图片生成请求，将图片生成请求发送至服务端，服务端接收图片生成请求，然后启动第三方库，并利用第三方库启动浏览器内核，然后利用浏览器内核将图片生成请求中的设计数据生成设计图页面，再根据设计图页面生成设计图片，将生成的设计图片发送至云服务器进行保存，之后客户端可以从云服务器获取保存成功的设计图片，例如可以发送请求至服务端，服务端根据客户端的请求返回对应的设计图片。81.由上述可知，本技术实施例通过接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；然后根据设计数据生成设计图页面，最后基于设计图页面生成设计图片。由此，由服务端生成设计图片，可以有效降低生成设计图片对客户端造成的资源占用，同时在生成设计图片的过程中用户无需等待图片生成，减少了用户的等待时间。82.请参阅图4，图4示出了本技术另一实施例提供的网页图片生成方法的流程示意图，该方法应用于客户端。该方法可以包括步骤s210至步骤s230。83.在步骤s210中，响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据。84.具体地，客户端响应用户在设计界面上的图片生成操作，获取设计界面中设计区域的设计数据。其中，图片生成操作可以是用户在设计界面上的触控操作，例如点击、长按等操作。85.示例性的，客户端安装于电脑，用户可以通过鼠标点击设计界面上的“保存图片”控件生成图片生成操作，然后客户端根据图片生成操作获取设计设计区域的设计数据。86.在一些实施方式中，图片生成操作还可以是当客户端获取用户通过鼠标在设计界面上添加设计数据时，基于新增的设计数据而自动生成的图片生成操作，此时客户端可以在获取到设计数据后，利用javascript将设计数据进行拼接，然后将拼接好的设计数据发送至服务端。87.在步骤s220中，基于设计数据生成图片生成请求。88.在本技术实施例中，客户端在获取到设计区域的设计数据后，根据设计数据生成图片生成请求，也就是说，图片生成请求中包含设计区域的设计数据。89.在步骤s230中，将图片生成请求发送至服务端，以使服务端根据图片生成请求生成与设计数据对应的设计图片。90.在本技术实施例中，客户端在根据设计数据生成图片生成请求后，将图片生成请求发送至服务端，服务端在接收到图片生成请求后根据图片生成请求中携带的设计数据生成于设计数据对应的设计图片。91.在一些实施方式中，客户端可以通过api启动服务端，以使客户端可以和服务端进行数据交互。例如，服务端提供http(hypertexttransferprotocol，超文本传输协议)服务，则客户端可以通过调用http接口启动服务端的http服务。92.在一些实施方式中，客户端可以将生成的图片生成请求通过ajax(asynchronousjavascriptandxml，异步的javascript和xml)传送至服务端，从而将图片生成的过程转移至服务端实现，因此，客户端将图片生成请求发送至服务端后，服务端进行图片生成，而客户端可以继续进行其他操作，而不需要等待图片生成，减少了用户的等待时间。93.在一些实施方式中，若云服务器保存设计图片的保存结果反馈至服务端，但服务端未向客户端反馈，则设计图片在云服务器中的保存地址保存在服务端，因此客户端可以响应于用户在设计界面上的图片生成操作，向服务端获取与图片获取操作对应的目标设计图片的保存地址。94.其中，目标设计图片是指用户需要获取的设计图片，服务端再根据客户端上的图片获取操作获取到的保存地址向云服务器获取对应的目标设计图片，最后服务端再将获取到的目标设计图片发送至客户端。95.进一步地，客户端中用户已保存的设计图片可以存在唯一的图片标识，服务端中存在图片标识与保存地址的对应关系，因此当用户在客户端上获取图片时，可以生成图片获取请求并发送至服务端，图片获取请求中携带图片标识，服务端在接收到图片获取请求后确定其携带的图片标识，然后根据图片标识与保存地址的对应关系获取与携带的图片标识对应的目标设计图片的保存地址，进而再根据保存地址从云服务器获取目标设计图片。96.在一些实施方式中，若云服务器保存设计图片的保存结果反馈至客户端，则设计图片在云服务器中的保存地址保存在服务端，因此客户端可以响应于用户在设计界面的图片获取操作，向服务端获取与图片获取操作对应的目标设计图片的保存地址，其中，图片获取操作中携带有需要获取的设计图片即目标设计图片在云服务器中的保存地址，服务端在接收到图片获取操作后将图片获取操作发送至云服务器，最后云服务器根据接收到的图片获取操作中携带的目标设计图片的保存地址获取目标设计图片。97.在一些实施方式中，若客户端中保存有设计图片在云服务器中的保存地址，则客户端也可以直接向云服务器获取目标设计图片。具体地，客户端响应于用户在设计界面的图片获取操作，根据图片获取操作中携带的目标设计图片的保存地址向云服务器获取目标设计图片。98.由上述可知，本技术实施例响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据；基于设计数据生成图片生成请求；将图片生成请求发送至服务端，以使服务端根据图片生成请求生成与设计数据对应的设计图片。由此，通过将生成设计图片的过程转移到服务端执行，有效降低了生成设计图片的过程中对客户端资源的占用，同时在生成设计图片的过程中用户无需等待图片生成，减少了用户的等待时间。99.请参阅图5，图5示出了本技术一实施例提供的网页图片生成装置200的结构示意图，该网页图片生成装置应用于服务端，该网页图片生成装置200可以包括接收模块210、页面生成模块220和图片生成模块230。100.具体地，接收模块210用于接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据。101.页面生成模块220用于根据设计数据生成设计图页面。102.图片生成模块230，用于基于设计图页面生成设计图片。103.在一些实施例中，页面生成模块220可以包括：第一启动单元，用于根据图片生成请求启动第三方库；第二启动单元，用于通过第三方库启动浏览器内核；页面生成单元，用于基于浏览器内核，根据设计数据生成设计图页面。104.在一些实施例中，页面生成单元可以包括：字体加载子单元，用于通过浏览器内核加载预设字体；页面生成子单元，用于基于浏览器内核，根据预设字体和设计数据生成设计图页面，其中，设计图页面中的文字内容以预设字体进行显示。105.在一些实施例中，图片生成模块230可以包括：转换单元，用于根据预设图片转换方式，将设计图页面转换为设计图片。106.在一些实施例中，网页图片生成装置200还可以包括：保存模块，用于将设计图片保存至云服务器。107.请参阅图6，图6示出了本技术另一实施例提供的网页图片生成装置300的结构示意图，该网页图片生成装置应用于客户端，该网页图片生成装置300可以包括获取模块310、生成模块320和发送模块330。108.具体地，获取模块310用于响应于设计界面上的图片生成操作，获取设计界面中设计区域的设计数据。109.生成模块320用于基于设计数据生成图片生成请求。110.发送模块330用于将图片生成请求发送至服务端，以使服务端根据图片生成请求生成与设计数据对应的设计图片。111.在一些实施例中，网页图片生成装置300还可以包括：地址获取单元，用于响应于设计界面的图片获取操作，向服务端获取与图片获取操作对应的目标设计图片的保存地址；图片获取单元，用于根据保存地址从云服务器获取目标设计图片。112.所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置和模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。113.在本技术所提供的几个实施例中，模块相互之间的耦合可以是电性，机械或其它形式的耦合。114.另外，在本技术各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。115.请参阅图7，图7为本技术实施例提供的电子设备400的结构示意图，该电子设备400可以是智能手机、平板电脑、电子书、触摸屏等能够运行应用程序的电子设备。本技术中的电子设备400可以包括一个或多个如下部件：处理器410、存储器420、以及一个或多个应用程序，其中一个或多个应用程序可以被存储在存储器420中并被配置为由一个或多个处理器410执行，一个或多个程序配置用于执行如前述方法实施例所描述的网页图片生成方法。116.处理器410可以包括一个或者多个处理核。处理器410利用各种接口和线路连接整个电子设备400内的各个部分，通过运行或执行存储在存储器420内的指令、程序、代码集或指令集，以及调用存储在存储器420内的数据，执行电子设备400的各种功能和处理数据。可选地，处理器410可以采用数字信号处理(digitalsignalprocessing，dsp)、现场可编程门阵列(field－programmablegatearray，fpga)、可编程逻辑阵列(programmablelogicarray，pla)中的至少一种硬件形式来实现。处理器410可集成中央处理器(centralprocessingunit，cpu)、图像处理器(graphicsprocessingunit，gpu)和调制解调器等中的一种或几种的组合。其中，cpu主要处理操作系统、用户界面和应用程序等；gpu用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器410中，单独通过一块通信芯片进行实现。117.存储器420可以包括随机存储器(randomaccessmemory，ram)，也可以包括只读存储器(read-onlymemory)。存储器420可用于存储指令、程序、代码、代码集或指令集。存储器420可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如加载功能、转换功能、接收功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以电子设备400在使用中所创建的数据(比如设计数据、字体数据等)。118.请参阅图8，图8为本技术实施例提供的计算机可读取存储介质的结构示意图。该计算机可读取介质500中存储有程序代码，程序代码可被处理器调用执行上述方法实施例中所描述的网页图片生成方法。119.计算机可读取存储介质500可以是诸如闪存、eeprom(电可擦除可编程只读存储器)、eprom、硬盘或者rom之类的电子存储器。可选地，计算机可读取存储介质500包括非易失性计算机可读介质(non-transitorycomputer-readablestoragemedium)。计算机可读取存储介质500具有执行上述方法中的任何方法步骤的程序代码510的存储空间。这些程序代码可以从一个或者多个计算机程序设备中读出或者写入到这一个或者多个计算机程序设备中。程序代码510可以例如以适当形式进行压缩。120.本技术实施例还提供了一种计算机程序设备或计算机程序，该计算机程序设备或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各种可选实施方式中描述的网页图片生成方法。121.本技术提供的网页图片生成方法、系统、电子设备及存储介质，通过接收客户端发送的图片生成请求；其中，图片生成请求包含设计界面中设计区域的设计数据；然后根据设计数据生成设计图页面，最后基于设计图页面生成设计图片。由此，由服务端生成设计图片，可以有效降低生成设计图片对客户端造成的资源占用，同时在生成设计图片的过程中用户无需等待图片生成，减少了用户的等待时间。122.最后应说明的是：以上实施例仅用以说明本技术的技术方案，而非对其限制；尽管参照前述实施例对本技术进行了详细的说明，本领域的普通技术人员当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不驱使相应技术方案的本质脱离本技术各实施例技术方案的精神和范围。当前第1页12