CN111784802A - 一种图像的生成方法、装置以及设备 - Google Patents

Abstract

本说明书实施例公开了一种图像的生成方法、装置以及设备。所述方法包括：客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；在所述第一视图层上加载所述第一文本数据，生成第二视图层；将所述第二视图层渲染到业务页面，生成运营图像。

Description

一种图像的生成方法、装置以及设备

技术领域

本说明书涉及计算机技术领域，尤其涉及一种图像的生成方法、装置以及设备。

背景技术

互联网业务的推广、宣传是进行引流、拉新、促活等目的的重要手段，通过较佳的互联网推广、宣传方式，达到较好的运营效果。静图、动图、H5等均可作为互联网运营的重要方式。但是现有的图像生成方法，存在研发成本高，或者图像生成效率低，或者渲染速度慢等问题，不利于互联网运营。

因此，需要一种新的图像的生成方法，能够在互联网运营中持续使用，且研发成本较低，图像生成效率高，渲染速度快，以达到较佳的运营效果。

发明内容

本说明书实施例提供一种图像的生成方法、装置以及设备，用于解决以下技术问题：图像生成方法的研发成本高，或者图像生成效率低，或者渲染速度慢等问题。

为解决上述技术问题，本说明书实施例是这样实现的：

本说明书实施例提供的一种图像的生成方法，包括：

客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

在所述第一视图层上加载所述第一文本数据，生成第二视图层；

将所述第二视图层渲染到业务页面，生成运营图像。

本说明书实施例还提供一种图像的生成装置，包括：

获取模块，客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

第一加载模块，基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

第二加载模块，在所述第一视图层上加载所述第一文本数据，生成第二视图层；

展示模块，将所述第二视图层渲染到业务页面，生成运营图像。

本说明书实施例还提供一种电子设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

在所述第一视图层上加载所述第一文本数据，生成第二视图层；

将所述第二视图层渲染到业务页面，生成运营图像。

本说明书实施例客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；在所述第一视图层上加载所述第一文本数据，生成第二视图层；将所述第二视图层渲染到业务页面，生成运营图像，能够在互联网运营中持续使用，且研发成本较低，图像生成效率高，渲染速度快。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本说明书实施例提供的一种图像的生成方法的流程图；

图2为本说明书实施例提供的坐标系示意图；

图3为本说明书实施例提供的又一种图像的生成方法的示意图；

图4为本说明书实施例提供的一种图像的生成方法的框架图；

图5本说明书实施例提供的一种图像的生成装置的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本说明书中的技术方案，下面将结合本说明书实施例中的附图，对本说明书实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本说明书实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

在互联网业务的推广、宣传中，图片、H5、动图等均可以作为不同的运营方式，实验表明，动图的运营效果相对更佳，H5因其均有精准的营销效果，效果其次。但是H5要达到动图的效果，需要有较大的开发成本，而且难以沉淀成标准的能力，同时，复杂的H5的渲染速度无疑是比较慢的。基于此，有必要开发一种动图与动态运营文案相结合的方式，以期在未来持续使用，且研发成本较低，动态高效，渲染速度快。

图1为本说明书实施例提供的一种图像的生成方法的流程图。如图1所示，图像的生成方法具体包括：

步骤S101：客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据。

在本说明书实施例中，所述客户端接收待处理的图片，具体包括：

所述客户端从本地缓存获取所述待处理的图片；

若获取成功，则继续后续步骤；

如获取失败，则所述客户端通过远程过程调用从服务器端获取所述待处理的图片。

在本说明书的具体实施例中，客户端接收服务器端提供的待处理的图片后，将待处理的图片存储在本地缓存中。进行图像的生成时，客户端首先从本地缓存中获取待处理的图片，若获取成功，则继续后续步骤；若获取失败，则客户端通过远程过程调用(remoteprocedure call，RPC)从服务器端获取待处理的图片。

在本说明书实施例中，待处理的图片包括图片和文字，具体地，包括图片信息和第一文本数据，其中图片信息可以包括静态图片信息和动态图片信息。

在本说明书实施例中，图片信息包括URL。动态图片是指当一组特定的静态图像以指定的频率切换而产生某种动态效果的图片，动态图片以Lottie、gif等形式进行展示。动态图片信息是指包含有URL的动态图片的信息。在本说明书实施例中，静态图片信息是指包含有静态图像的静态图片的信息。

在具体实施过程中，由于图片信息是以URL下发的，客户端获取待处理的图片信息，是基于URL获取对应的图片的资源数据。

步骤S103：基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层。

在本说明书实施例中，客户端所在设备可以为移动端也可以为PC端。客户端所在设备的信息是指设备的尺寸、屏幕分辨率等影响图片和/或文本显示效果或者显示布局的信息。

在本说明书实施例中，所述基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层，具体包括：

基于所述图片信息及所述设备的信息，将所述待处理的图片与所述客户端所在的设备进行适配，并对所述待处理的图片进行图像渲染，获得所述第一视图层。

在具体实施过程中，根据客户端所在设备的信息，对图片信息对应的待处理图片的图片尺寸进行调整，使待处理图片能够适配客户端所在设备，能够在客户端所在设备实现较佳的显示效果。

在本说明书实施例中，进行图像渲染，就是将待处理图片的图片信息与客户端所在设备的信息进行适配，实现图片与设备的匹配，使图片能够在设备中正常显示。

步骤S105：在所述第一视图层上加载所述第一文本数据，生成第二视图层。

在本说明书实施例中，若待处理图片中不含有文本数据，则生成第一视图层后，直接进行后续步骤，将第一视图层渲染到业务页面，生成运营图像；若待处理图片中还含有文本数据，则进行步骤S105。

在本说明书实施例中，在所述第一视图层上加载所述第一文本数据，具体包括：

基于所述第一视图层的尺寸，在所述第一视图层上创建透明box，调整所述第一文本数据对应的视图与所述透明box的边距，以加载所述第一文本数据至所述第一视图层上，其中，所述透明box的中心点与所述第一视图层的中心点相同。

在本说明书实施例中，透明box是根据第一视图层的尺寸，构建的透明的矩形框。构建的透明box的尺寸与第一视图层的尺寸相同，亦即透明box的初始尺寸与第一视图层的尺寸相同，该透明box可以自适应改变大小，其作用在于在该透明box内实现第一文本数据的加载。需要特别说明的是，在生成第二视图层的过程中，透明box的中心点始终位于第一视图层的中心位置，或者上透明box的中心点始终与第一视图层的中心点相同。

在本说明书实施例中，所述调整所述第一文本数据对应的视图与所述透明box的边距，具体包括：

基于所述第一视图层，对所述第一文本数据对应的文本的大小、所述第一文本数据所在位置的位移进行缩放，获得第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移；

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中；

基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置。

在本说明书实施例中，所述基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中，具体包括：

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，对所述第二文本数据对应的文本进行调整，获得第三文本数据，所述第三文本数据的调整包括调整所述第二文本数据对应的文本的字体大小、文本字体、字体颜色中的一种或多种；

调整所述透明box的大小，将所述调整后的透明box与所述第三文本数据所在的视图适配，将所述第三文本数据对应的文本视图适配到所述调整后的透明box中，以实现所述第二文本数据对应的文本视图适配到所述透明box中。

在本说明书实施例中，所述基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置，具体包括：

以所述第一视图层的中心点为坐标原点0，建立坐标系，所述第三文本数据对应的文本视图的中心点需偏移坐标为(x,y)，计算所述第三文本数据对应的文本视图与所述透明box的左间距、右间距、上间距和下间距，获得间距计算规则；

根据所述间距计算规则，调整所述透明box的对应边距与所述第三文本数据对应的文本视图的对应边距之间的距离，以调整所述第二文本数据对应的文本视图在所述透明box内的位置。

为了进一步理解本说明书实施例提供的文本视图的调整过程，下面将结合具体的实施过程进行说明。图2为本说明书实施例提供的坐标系示意图。如图2所示，

以第一视图层的中心点为坐标原点0，建立坐标系，X轴和Y轴，第三文本数据对应的文本视图的中心点需偏移坐标为(x,y)。AEJM为透明box，CEGK为第三文本数据对应的文本视图。

在具体实施过程中，通过调整第三文本数据对应的文本视图的左边框KC与Box左边框MA的间距，实现X轴正方向的偏移，设定当前值为左间距marginLeft；

通过调整第三文本数据对应的文本视图的上边框KG与Box上边框MJ的间距，实现Y轴正方向的偏移，设定当前值为上间距marginTop；

通过调整第三文本数据对应的文本视图的右边框GE与Box右边框JE的间距，实现X轴负方向的偏移，我们设定当前值为右间距marginRight；

通过调整第三文本数据对应的文本视图的下边框CE与Box下边框AE的间距，实现Y轴负方向的偏移，我们设定当前值为下间距marginBottom。

则间距的计算可以采用：

左间距marginLeft：

marginLeft＝|AC|，其中N为中心偏移坐标，则|BD|＝x(x>0)，假定第三文本数据对应的文本视图的X轴边距长度为2a，即|CE|＝2a；

则：|AC|＝|AB|+|BC|＝|BE|+|BC|

|BE|＝|BD|+|DE|＝x+a,|BC|＝|BD|-|CD|＝x-a，则|AC|＝x+a+x-a＝2x。

因此：marginLeft＝2x。

同理，计算上间距marginTop：

marginTop＝|JG|，其中N为中心偏移坐标，则|HF|＝y(y>0)，假定第三文本数据对应的文本视图的Y轴边距长度为2b，即|GE|＝2b。

则|JG|＝|JH|+|HG|＝|HE|+|HG|

|HE|＝|HF|+|FE|＝y+b，|HG|＝|HF|-|GF|＝y-b，则|JG|＝y+b+y-b＝2y。

因此，marginTop＝2y

同理，当x<0时，推算出右间距marginRight＝-2x，当y<0时，下间距marginBottom＝-2y。

因此，间距计算规则如表1所示。表1为间距计算规则示意图。

表1

	左间距	右间距	上间距	下间距
					x<0，y<0	0	-2x	0	-2y
x<0，y>0	0	-2x	2y	0
					x>0，y<0	2x	0	0	-2y
x>0，y>0	2x	0	2y	0

本说明书实施例提供的文本视图的调整方法，处理方法简单，具有通用性，可以应用于各个平台，且成本较低。

步骤S107：将所述第二视图层渲染到业务页面，生成运营图像。

采用本说明书实施例提供的图像的生成方法，可以应用于PC端，亦可以应用于移动端，能够在互联网运营中持续使用，且研发成本较低，图像生成效率高，渲染速度快。

为了进一步理解本说明书实施例提供的图像的生成方法，图3为本说明书实施例提供的又一种图像的生成方法的示意图。如图3所示，图像的生成方法具体包括：

步骤S301：客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据。

步骤S303：基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层。

步骤S305：基于所述第一视图层的尺寸，在所述第一视图层上创建透明box，调整所述第一文本数据对应的视图与所述透明box的边距，以加载所述第一文本数据至所述第一视图层上，生成第二视图层，其中，所述透明box的中心点与所述第一视图层的中心点相同。

步骤S307：将所述第二视图层渲染到业务页面，生成运营图像。

为了进一步理解本说明书实施例提供的图像的生成方法，图4为本说明书实施例提供的一种图像的生成方法的框架图。如图4所示，该图像的生成包括：

客户端接收待处理的图片后，首先从本地缓存获取待处理的图片，若不能从本地缓存获取待处理的图片，则需要通过远程过程调用获取待处理的图片；

客户端获取待处理的图片后，对待处理的图片进行图像渲染，生成待处理的图片对应的第一视图层；

进一步，若待处理的图片中，只有图片信息，则直接将第一视图层渲染到业务页面，生成运营图像；

若待处理的图片中，除了图片信息还有文本数据，则需要将文本数据加载到第一视图层上，生成相应的第二视图层，然后将第二视图层渲染到业务页面，生成运营图像。

将文本数据加载到第一视图层的过程包括：

基于所述第一视图层，对所述第一文本数据对应的文本的大小、所述第一文本数据所在位置的位移进行缩放，获得第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移；

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中；

基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置；

记载所述第一文本数据至所述第一视图层上，生成第二视图层。

采用本说明书实施例提供的图像的生成方法，可以应用于PC端，亦可以应用于移动端，能够在互联网运营中持续使用，且研发成本较低，图像生成效率高，渲染速度快。

上述内容详细说明了一种图像的生成方法，与之相应的，本说明书还提供了一种图像的生成装置，如图5所示。图5本说明书实施例提供的一种图像的生成装置的示意图，该图像的生成装置包括：

接收模块501，客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

第一加载模块503，基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

第二加载模块505，在所述第一视图层上加载所述第一文本数据，生成第二视图层；

展示模块507，将所述第二视图层渲染到业务页面，生成运营图像。

进一步地，所述客户端接收待处理的图片，具体包括：

所述客户端从本地缓存获取所述待处理的图片；

若获取成功，则继续后续步骤；

若获取失败，则所述客户端通过远程过程调用从服务器端获取所述待处理的图片。

进一步地，所述基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层，具体包括：

基于所述图片信息及所述设备的信息，将所述待处理的图片与所述客户端所在的设备进行适配，并对所述待处理的图片进行图像渲染，获得所述第一视图层。

进一步地，所述在所述第一视图层上加载所述第一文本数据，具体包括：

基于所述第一视图层的尺寸，在所述第一视图层上创建透明box，调整所述第一文本数据对应的视图与所述透明box的边距，以加载所述第一文本数据至所述第一视图层上，其中，所述透明box的中心点与所述第一视图层的中心点相同。

进一步地，所述调整所述第一文本数据对应的视图与所述透明box的边距，具体包括：

基于所述第一视图层，对所述第一文本数据对应的文本的大小、所述第一文本数据所在位置的位移进行缩放，获得第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移；

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中；

基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置。

进一步地，所述基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中，具体包括：

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，对所述第二文本数据对应的文本进行调整，获得第三文本数据，所述第三文本数据的调整包括调整所述第二文本数据对应的文本的字体大小、文本字体、字体颜色中的一种或多种；

调整所述透明box的大小，将所述调整后的透明box与所述第三文本数据所在的视图适配，将所述第三文本数据对应的文本视图适配到所述调整后的透明box中，以实现所述第二文本数据对应的文本视图适配到所述透明box中。

进一步地，所述基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置，具体包括：

以所述第一视图层的中心点为坐标原点0，建立坐标系，所述第三文本数据对应的文本视图的中心点需偏移坐标为(x,y)，计算所述第三文本数据对应的文本视图与所述透明box的左间距、右间距、上间距和下间距，获得间距计算规则；

根据所述间距计算规则，调整所述透明box的对应边距与所述第三文本数据对应的文本视图的对应边距之间的距离，以调整所述第二文本数据对应的文本视图在所述透明box内的位置。

本说明书实施例还提供一种电子设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

在所述第一视图层上加载所述第一文本数据，生成第二视图层；

将所述第二视图层渲染到业务页面，生成运营图像。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备、非易失性计算机存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书实施例提供的装置、电子设备、非易失性计算机存储介质与方法是对应的，因此，装置、电子设备、非易失性计算机存储介质也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、电子设备、非易失性计算机存储介质的有益技术效果。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字***“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的***、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书一个或多个实施例时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本说明书实施例可提供为方法、***、或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本说明书是参照根据本说明书实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带式磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于***实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本说明书实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (15)

1.一种图像的生成方法，包括：

客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

在所述第一视图层上加载所述第一文本数据，生成第二视图层；

将所述第二视图层渲染到业务页面，生成运营图像。

2.如权利要求1所述的方法，所述客户端接收待处理的图片，具体包括：

所述客户端从本地缓存获取所述待处理的图片；

若获取成功，则继续后续步骤；

如获取失败，则所述客户端通过远程过程调用从服务器端获取所述待处理的图片。

3.如权利要求1所述的方法，所述基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层，具体包括：

基于所述图片信息及所述设备的信息，将所述待处理的图片与所述客户端所在的设备进行适配，并对所述待处理的图片进行图像渲染，获得所述第一视图层。

4.如权利要求1所述的方法，所述在所述第一视图层上加载所述第一文本数据，具体包括：

基于所述第一视图层的尺寸，在所述第一视图层上创建透明box，调整所述第一文本数据对应的视图与所述透明box的边距，以加载所述第一文本数据至所述第一视图层上，其中，所述透明box的中心点与所述第一视图层的中心点相同。

5.如权利要求4所述的方法，所述调整所述第一文本数据对应的视图与所述透明box的边距，具体包括：

基于所述第一视图层，对所述第一文本数据对应的文本的大小、所述第一文本数据所在位置的位移进行缩放，获得第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移；

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中；

基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置。

6.如权利要求5所述的方法，所述基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中，具体包括：

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，对所述第二文本数据对应的文本进行调整，获得第三文本数据，所述第三文本数据的调整包括调整所述第二文本数据对应的文本的字体大小、文本字体、字体颜色中的一种或多种；

调整所述透明box的大小，将所述调整后的透明box与所述第三文本数据所在的视图适配，将所述第三文本数据对应的文本视图适配到所述调整后的透明box中，以实现所述第二文本数据对应的文本视图适配到所述透明box中。

7.如权利要求6所述的方法，所述基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置，具体包括：

以所述第一视图层的中心点为坐标原点0，建立坐标系，所述第三文本数据对应的文本视图的中心点需偏移坐标为(x,y)，计算所述第三文本数据对应的文本视图与所述透明box的左间距、右间距、上间距和下间距，获得间距计算规则；

根据所述间距计算规则，调整所述透明box的对应边距与所述第三文本数据对应的文本视图的对应边距之间的距离，以调整所述第二文本数据对应的文本视图在所述透明box内的位置。

8.一种图像的生成装置，包括

接收模块，客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

第一加载模块，基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

第二加载模块，在所述第一视图层上加载所述第一文本数据，生成第二视图层；

展示模块，将所述第二视图层渲染到业务页面，生成运营图像。

9.如权利要求8所述的装置，所述客户端接收待处理的图片，具体包括：

所述客户端从本地缓存获取所述待处理的图片；

若获取成功，则继续后续步骤；

如获取失败，则所述客户端通过远程过程调用从服务器端获取所述待处理的图片。

10.如权利要求8所述的装置，所述基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层，具体包括：

基于所述图片信息及所述设备的信息，将所述待处理的图片与所述客户端所在的设备进行适配，并对所述待处理的图片进行图像渲染，获得所述第一视图层。

11.如权利要求8所述的装置，所述在所述第一视图层上加载所述第一文本数据，具体包括：

基于所述第一视图层的尺寸，在所述第一视图层上创建透明box，调整所述第一文本数据对应的视图与所述透明box的边距，以加载所述第一文本数据至所述第一视图层上，其中，所述透明box的中心点与所述第一视图层的中心点相同。

12.如权利要求11所述的装置，所述调整所述第一文本数据对应的视图与所述透明box的边距，具体包括：

基于所述第一视图层，对所述第一文本数据对应的文本的大小、所述第一文本数据所在位置的位移进行缩放，获得第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移；

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中；

基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置。

13.如权利要求12所述的装置，所述基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，将所述第二文本数据对应的文本视图适配到所述透明box中，具体包括：

基于所述第二文本数据及所述第二文本数据相对于所述第一视图层中心点的相对位移，对所述第二文本数据对应的文本进行调整，获得第三文本数据，所述第三文本数据的调整包括调整所述第二文本数据对应的文本的字体大小、文本字体、字体颜色中的一种或多种；

调整所述透明box的大小，将所述调整后的透明box与所述第三文本数据所在的视图适配，将所述第三文本数据对应的文本视图适配到所述调整后的透明box中，以实现所述第二文本数据对应的文本视图适配到所述透明box中。

14.如权利要求13所述的装置，所述基于间距计算规则，调整所述第二文本数据对应的文本视图在所述透明box内的位置，具体包括：

以所述第一视图层的中心点为坐标原点0，建立坐标系，所述第三文本数据对应的文本视图的中心点需偏移坐标为(x,y)，计算所述第三文本数据对应的文本视图与所述透明box的左间距、右间距、上间距和下间距，获得间距计算规则；

根据所述间距计算规则，调整所述透明box的对应边距与所述第三文本数据对应的文本视图的对应边距之间的距离，以调整所述第二文本数据对应的文本视图在所述透明box内的位置。

15.一种电子设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

客户端接收待处理的图片，所述待处理的图片携带有图片信息和第一文本数据；

基于所述图片信息及所述客户端所在设备的信息，对所述待处理的图片进行图像渲染，生成所述待处理的图片对应的第一视图层；

在所述第一视图层上加载所述第一文本数据，生成第二视图层；

将所述第二视图层渲染到业务页面，生成运营图像。

Images