图片物料的处理方法、装置、存储介质与电子设备

文档序号:7191 发布日期:2021-09-17 浏览:31次 英文

图片物料的处理方法、装置、存储介质与电子设备

技术领域

本公开涉及计算机

技术领域

,尤其涉及一种图片物料的处理方法、图片物料的处理装置、计算机可读存储介质与电子设备。

背景技术

随着互联网等的发展,信息投放的渠道和方式也逐渐多样化。其中,每个投放渠道对投放信息中的图片信息的尺寸要求也不尽相同。因此,为了满足不同投放渠道的信息投放需求,制作人员需要针对每个投放渠道设计相应尺寸的图片。

然而,随着信息量的不断增加,人工设计不同尺寸的图片素材无法满足信息投放的时效性要求,且需要花费大量的人力成本和时间成本。例如,在关于热点信息的投放中,要求运营素材能够快速响应,而人工制作的图片素材产出效率较低,难以满足运营需求。因此,需要一种能够提高图片素材产出效率的方法。

需要说明的是,在上述

背景技术

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

发明内容

本公开提供了一种图片物料的处理方法、图片物料的处理装置、计算机可读存储介质与电子设备,进而至少在一定程度上改善现有技术生成多尺寸图片物料效率较低的问题。

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

根据本公开的第一方面,提供一种图片物料的处理方法,所述方法包括:获取初始图片数据;对所述初始图片数据进行解析,并根据解析得到的图层结构信息确定所述初始图片数据的主画板数据,所述图层结构信息包括所述初始图片数据中各图层的图层信息和所述各图层的图层分组信息;响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域;将所述主画板数据合成至所述每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片。

在本公开的一种示例性实施方式中,所述根据解析得到的图层结构信息确定所述初始图片数据的主画板数据,包括:根据所述各图层的图层信息和所述各图层的图层分组信息确定所述初始图片数据是否包括一个或多个图层分组,以及每个所述图层分组中是否包括一个或多个图层;当确定所述初始图片数据包括一个或多个图层分组,且每个图层分组中包括一个或多个图层时,将所述初始图片数据中的第一个图层分组的图片数据确定为所述主画板数据;当确定所述初始图片数据包括一个或多个图层,且各所述图层不属于任一图层分组时,将所述一个或多个图层的图片数据确定为所述主画板数据。

在本公开的一种示例性实施方式中,在根据解析得到的图层结构信息确定所述初始图片数据的主画板数据后,所述方法还包括:将所述主画板数据转换为Base64格式数据,并生成所述Base64格式数据的获取链接,所述获取链接包括CDN链接;在将所述主画板数据合成至所述每个图片物料模板对应的画板区域前,所述方法还包括:通过所述获取链接获取所述主画板数据。

在本公开的一种示例性实施方式中,在创建与每个图片物料模板的尺寸相同的画板区域时,所述方法包括:确定所述图片物料模板是否具有自定义图层;当所述图片物料模板具有自定义图层时,将所述自定义图层的尺寸确定为目标尺寸;当所述图片物料模板不具有自定义图层时,将所述图片物料模板中各图层的最大尺寸确定为所述目标尺寸;将所述图片物料模板对应的画板区域的尺寸设置为所述目标尺寸。

在本公开的一种示例性实施方式中,在将所述主画板数据合成至所述每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片时,所述方法包括:根据所述主画板数据中的画板信息和所述图片物料模板的区域信息确定所述主画板数据中的图片元素在所述图片物料模板对应的画板区域中的目标位置和/或目标尺寸;按照所述目标位置和/或所述目标尺寸将所述主画板数据中的图片元素合成至所述画板区域,以生成图片尺寸与所述图片物料模板相同的目标图片;其中,所述主画板数据中的画板信息包括主画板的尺寸信息、各图层中图片元素的位置信息和/或尺寸信息。

在本公开的一种示例性实施方式中,所述根据所述主画板数据中的画板信息和所述图片物料模板的区域信息确定所述主画板数据中的图片元素在所述图片物料模板对应的画板区域中的目标位置和/或目标尺寸,包括:采用预设规则计算所述主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸;其中,所述预设规则包括以下任意一条或多条:计算所述主画板和所述画板区域的宽度比例和高度比例,在所述宽度比例大于所述高度比例时,将所述主画板数据中各图层的宽度设置为所述画板区域的宽度;或者在所述宽度比例不大于所述高度比例时,将所述主画板数据中各图层的高度设置为所述画板区域的高度;确定所述主画板数据中任一图层中的图片元素在预设方向上距离所述任一图层边缘的最小距离值,以将所述图片元素在所述预设方向上的坐标值设置为所述最小距离值。

在本公开的一种示例性实施方式中,所述方法包括:在所述宽度比例大于所述高度比例时,将所述主画板数据中的文本元素的字体值与所述宽度比例相乘,得到所述文本元素在所述画板区域中的目标字体值;在所述宽度比例不大于所述高度比例时,将所述主画板数据中的文本元素的字体值与所述高度比例相乘,得到所述文本元素在所述画板区域中的目标字体值;将所述文本元素在所述画板区域中的字体值设置为所述目标字体值。

在本公开的一种示例性实施方式中,在生成图片尺寸与对应的图片物料模板相同的多个目标图片时,所述方法还包括:响应于对所述目标图片的位置和/或尺寸的调整操作,调整所述目标图片的位置和/或尺寸。

根据本公开的第二方面,提供一种图片物料的处理装置;所述图片物料的处理装置包括获取模块,用于获取初始图片数据;确定模块,用于对所述初始图片数据进行解析,并根据解析得到的图层结构信息确定所述初始图片数据的主画板数据,所述图层结构信息包括所述初始图片数据中各图层的图层信息和所述各图层的图层分组信息;创建模块,用于响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域;生成模块,用于将所述主画板数据合成至所述每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片。

在本公开的一种示例性实施方式中,所述确定模块用于根据所述各图层的图层信息和所述各图层的图层分组信息确定所述初始图片数据是否包括一个或多个图层分组,以及每个所述图层分组中是否包括一个或多个图层,当确定所述初始图片数据包括一个或多个图层分组,且每个图层分组中包括一个或多个图层时,将所述初始图片数据中的第一个图层分组的图片数据确定为所述主画板数据,当确定所述初始图片数据包括一个或多个图层,且各所述图层不属于任一图层分组时,将所述一个或多个图层的图片数据确定为所述主画板数据。

在本公开的一种示例性实施方式中,在根据解析得到的图层结构信息确定所述初始图片数据的主画板数据后,所述确定模块还用于将所述主画板数据转换为Base64格式数据,并生成所述Base64格式数据的获取链接,所述获取链接包括CDN链接;在将所述主画板数据合成至所述每个图片物料模板对应的画板区域前,所述生成模块还用于通过所述获取链接获取所述主画板数据。

在本公开的一种示例性实施方式中,在创建与每个图片物料模板的尺寸相同的画板区域时,所述创建模块用于确定所述图片物料模板是否具有自定义图层;当所述图片物料模板具有自定义图层时,将所述自定义图层的尺寸确定为目标尺寸,当所述图片物料模板不具有自定义图层时,将所述图片物料模板中各图层的最大尺寸确定为所述目标尺寸,将所述图片物料模板对应的画板区域的尺寸设置为所述目标尺寸。

在本公开的一种示例性实施方式中,在将所述主画板数据合成至所述每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片时,所述生成模块用于根据所述主画板数据中的画板信息和所述图片物料模板的区域信息确定所述主画板数据中的图片元素在所述图片物料模板对应的画板区域中的目标位置和/或目标尺寸,按照所述目标位置和/或所述目标尺寸将所述主画板数据中的图片元素合成至所述画板区域,以生成图片尺寸与所述图片物料模板相同的目标图片,其中,所述主画板数据中的画板信息包括主画板的尺寸信息、各图层中图片元素的位置信息和/或尺寸信息。

在本公开的一种示例性实施方式中,所述生成模块还用于采用预设规则计算所述主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸,其中,所述预设规则包括以下任意一条或多条:计算所述主画板和所述画板区域的宽度比例和高度比例,在所述宽度比例大于所述高度比例时,将所述主画板数据中各图层的宽度设置为所述画板区域的宽度,或者在所述宽度比例不大于所述高度比例时,将所述主画板数据中各图层的高度设置为所述画板区域的高度,确定所述主画板数据中任一图层中的图片元素在预设方向上距离所述任一图层边缘的最小距离值,以将所述图片元素在所述预设方向上的坐标值设置为所述最小距离值。

在本公开的一种示例性实施方式中,所述生成模块还用于在所述宽度比例大于所述高度比例时,将所述主画板数据中的文本元素的字体值与所述宽度比例相乘,得到所述文本元素在所述画板区域中的目标字体值,在所述宽度比例不大于所述高度比例时,将所述主画板数据中的文本元素的字体值与所述高度比例相乘,得到所述文本元素在所述画板区域中的目标字体值,将所述文本元素在所述画板区域中的字体值设置为所述目标字体值。

在本公开的一种示例性实施方式中,在生成图片尺寸与对应的图片物料模板相同的多个目标图片时,所述生成模块还用于响应于对所述目标图片的位置和/或尺寸的调整操作,调整所述目标图片的位置和/或尺寸。

根据本公开的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一种图片物料的处理方法。

根据本公开的第四方面,提供一种电子设备,包括:处理器;以及存储器,用于存储所述处理器的可执行指令;其中,所述处理器配置为经由执行所述可执行指令来执行上述任意一种图片物料的处理方法。

本公开具有以下有益效果:

根据本示例性实施方式中的图片物料的处理方法、图片物料的处理装置、计算机可读存储介质与电子设备,可以对获取的初始图片数据进行解析,并根据解析得到的图层结构信息确定初始图片数据的主画板数据,响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域,将主画板数据合成至每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片。一方面,本示例性实施方式通过将主画板数据合成至每个图片物料模板对应的画板区域,可以生成不同尺寸的目标图片,而不需要人工制作各个尺寸的目标图片,提高了图片资源的产出效率,节省了人力和资源等方面的成本;另一方面,通过解析初始图片数据的图层结构信息,可以在初始图片数据中提取出主画板数据,从而在合成目标图片时,仅需要对主画板数据进行处理,故提高了数据的处理效率。

应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施方式,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1示出本示例性实施方式中一种的图片物料的处理方法的流程图;

图2示出本示例性实施方式中一种图片物料模板的示意图;

图3示出本示例性实施方式中一种图片物料的处理方法的子流程图;

图4示出本示例性实施方式中一种参数调整界面的示意图;

图5示出本示例性实施方式中另一种图片物料的处理方法的流程图;

图6示出本示例性实施方式中一种图片物料的处理装置的结构框图;

图7示出本示例性实施方式中一种用于实现上述方法的计算机可读存储介质;

图8示出本示例性实施方式中一种用于实现上述方法的电子设备。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。

鉴于前述的各种问题,本公开的示例性实施方式首先提供了一种图片物料的处理方法。该方法可以应用于终端设备,可以对获取的初始图片数据进行处理,生成具有不同尺寸的多张图片素材。其中,终端设备可以是电脑、智能手机、平板电脑等,本公开对此不做限定。

图1示出了本示例性实施方式的一种流程,可以包括以下步骤S110~S140:

步骤S110.获取初始图片数据。

其中,初始图片数据一般可以包括图片数据的基本信息、图层信息,如图层名称、图层属性和图层的分组信息等,图层属性可以包括图层的位置、大小、图层图片、图层文字、透明度、图层样式和混合模式等;图层的分组信息可以用于表示图层属于哪个图层分组,以及图层分组的图层数量、图层尺寸等信息。从数据格式而言,初始图片数据可以是PSD格式(Photoshop Document,一种图形文件格式)的图片数据,也可以是TIFF(Tag Image FileFormat,标签图像文件格式)格式的图片数据,本示例性实施方式对此不做具体限定。

本示例性实施方式中,初始图片数据可以是美术人员制作生成的图片数据,也可以是通过其他方式获取的图片数据,如可以是从网络资源或公开的图片集中获得的图片数据。在获取初始图片数据后,用户可以将初始图片数据导入终端设备或终端设备上运行的图片应用程序,以进行处理。

为了便于对初始图片数据进行处理,在一种可选的实施方式中,在获取初始图片数据后,可以将初始图片数据转换为JSON(JavaScript Object Notation,JS对象简谱)格式数据。通过这一方法,可以将初始图片数据转换为轻量级的数据交换格式,便于数据读取和解析,也有利于提高数据的传输效率。

步骤S120.对初始图片数据进行解析,并根据解析得到的图层结构信息确定初始图片数据的主画板数据。

其中,图层结构信息可以包括初始图片数据中各图层的图层信息和各图层的图层分组信息,如可以包括每个图层的图片元素、图层的图层名称、图层属性和图层所属于的分组以及该分组的属性信息等;主画板是页面上默认生成的第一个画板,对初始图片数据而言,主画板始终只有一个,用于呈现主要内容;主画板数据可以包括主画板所包含的图片数据,例如可以包括主画板所包含的图层及每个图层的图片元素、图层属性等信息。本示例性实施方式中,每个图层的图片元素可以包括图片、文本、表格等。

在获取初始图片数据后,可以对初始图片数据进行图层结构解析,并根据解析后得到的图层结构信息确定初始图片的主画板数据。例如,可以对初始图片数据进行图层结构解析,确定初始图片数据中包含哪些图层,以及各图层所属的图层分组,将具有最多图层数量的图层分组对应的图片数据确定为主画板数据。

在一种可选的实施方式中,可以通过以下方法确定初始图片数据的主画板数据:

根据各图层的图层信息和各图层的图层分组信息确定初始图片数据是否包括一个或多个图层分组,以及每个图层分组中是否包括一个或多个图层;

当确定初始图片数据包括一个或多个图层分组,且每个图层分组中包括一个或多个图层时,将初始图片数据中的第一个图层分组的图片数据确定为主画板数据;

当确定初始图片数据包括一个或多个图层,且各图层不属于任一图层分组时,将上述一个或多个图层的图片数据确定为主画板数据。

具体的,当根据初始图片数据解析后得到的图层结构信息,即各图层的图层信息和各图层的图层分组信息确定初始图片数据包括一个或多个图层分组,且每个图层分组中包括一个或多个图层时,即初始图片数据的数据结构符合:初始图片数据-图层分组-图层时,则可以将初始图片数据中的第一个图层分组的图片数据确定为主画板数据;当根据初始图片解析后得到的图层结构信息确定初始图片数据包括一个或多个图层,且各图层不属于任一图层分组,即初始图片数据的数据结构符合:初始图片数据-图层时,可以将上述一个或多个图层的图片数据确定为主画板数据。

另外,在一种可选的实施方式中,当初始图片数据包括多个图层分组时,可能存在一些图层分组中包括一个或多个图层的图层信息,而其他图层分组中没有图层信息,即为空图层分组,此时,可以在具有图层信息的图层分组中,按照各图层分组的顺序将第一个具有图层信息的图层分组的图片数据确定为主画板数据。其中,图层分组的顺序可以是生成初始图片数据时的图层分组的默认顺序,也可以是由制作人员在生成初始图片数据时标注的分组顺序。

通过上述方法,可以从初始图片数据中提取出用以进行多尺寸图片生成的主画板数据,也可以减少图片数据量,提高数据处理效率。

进一步的,在一种可选的实施方式中,在得到初始图片数据的主画板数据后,可以将主画板数据转换为Base64(基于64个可打印字符来表示二进制数据)格式数据,并生成该Base64格式数据的获取链接,例如,该获取链接可以是CDN(Content Delivery Network,内容分发网络)链接。其中,Base64格式数据相比主画板数据,是一种基于64个可打印字符来表示二进制数据的数据格式,更利于主画板数据的存储;CDN链接是一种基于内容分发网络生成的链接。

步骤S130.响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域。

其中,图片物料模板可以是预先生成的用以生成不同尺寸的图片物料的模板文件,可以由美术人员根据实际需求制作生成。本示例性实施方式中,每个图片物料模板可以包括一个或多个图层,每个图层可以用于显示特定的图片元素,如图片、文字、表格等。

用户可以通过在终端设备选择具有不同尺寸的图片物料模板,终端设备可以响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域。例如,当用户通过终端设备安装的图片应用程序等进入如图2所示的图片处理界面时,可以点击任意一个或多个图片物料模板,来创建每个图片物料模板对应的画板区域。

在创建与每个图片物料模板的尺寸相同的画板区域时,可以按照对应的图片物料模板的尺寸设置画板尺寸,来得到与图片物料模板的尺寸相同的画板区域。具体的,在一种可选的实施方式中,可以通过以下方法确定每个图片物料模板的尺寸,并按照每个图片物料模板的尺寸创建画板区域:

确定图片物料模板是否具有自定义图层;

当图片物料模板具有自定义图层时,将自定义图层的尺寸确定为目标尺寸;

当图片物料模板不具有自定义图层时,将图片物料模板中各图层的最大尺寸确定为目标尺寸;

将上述图片物料模板对应的画板区域的尺寸设置为目标尺寸。

自定义图层可以是制作人员在图片物料模板中预先设置或指定的图层,且自定义图层具有固定的尺寸;目标尺寸是指图片物料模板的画板尺寸,如长、宽等,一般为固定尺寸。

本示例性实施方式中,终端设备可以获取图片物料模板的图层信息,并根据该图层信息确定图片物料模板是否具有自定义图层,当图片物料模板具有自定义图层时,可以将自定义图层的尺寸确定为目标尺寸,反之,当图片物料模板不具有自定义图层时,可以将图片物料模板中各图层的最大尺寸确定为目标尺寸。由此,在创建图片物料模板对应的画板区域时,可以将画板区域的尺寸设置为目标尺寸。

通过上述方法,可以一次性创建多个画板区域,且每个画板区域与其对应的图片物料模板的尺寸相同,操作简便快捷。

步骤S140.将主画板数据合成至每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板的尺寸相同的多个目标图片。

具体的,可以将主画板数据中的每个图层,如图片图层、文字图层、表格图层等合成至每个图片物料模板对应的画板区域,从而生成图片尺寸与对应的图片物料模板的尺寸相同的多个目标图片。由此,可以生成关于初始图片数据的具有不同尺寸的目标图片,实现了多尺寸图片的快速生成,大大减少了人工制作图片物料的时间,提高了图片物料的产出效率。

由于主画板数据可以通过获取链接保存,因此,在一种可选的实施方式中,在将主画板数据合成至每个图片物料模板对应的画板区域前,可以通过上述获取链接获取主画板数据。通过这种方式,终端设备可以通过获取链接获取主画板数据,而不需要将主画板数据存储至本地,故可以节省终端设备的内存资源。

具体的,在一种可选的实施方式中,参考图3所示,步骤S140可以通过以下步骤S310~S320实现:

步骤S310,根据主画板数据中的画板信息和图片物料模板的区域信息确定主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸。

主画板数据中的画板信息可以包括主画板的尺寸信息、各图层中图片元素的位置信息和/或尺寸信息。主画板的尺寸信息可以是主画板的宽度、高度等,各图层中图片元素的位置信息可以是对应图层中图片元素距离图层边缘的距离,尺寸信息可以是图层中的图片元素的大小等。区域信息可以是图片物料模版对应的画板区域的位置信息和/或尺寸信息,也可以是图片物料模板对应的画板区域中有效区域的位置信息和/或尺寸信息等,有效区域可以是画板区域中用于显示主画板数据,如图片元素或文本元素等的区域,特别的,也可以将全部画板区域设置为其有效区域。下表1和表2分别示出了主画板数据的画板信息和图片物料模板的区域信息的示例,如下所示:

表1

画板信息 说明
主画板_width 主画板的宽度
主画板_height 主画板的高度
主画板图层_width 主画板中图层的宽度
主画板图层_height 主画板中图层的高度
主画板图层_left 主画板中图层的图片元素距离图层左侧的距离
主画板图层_right 主画板中图层的图片元素距离图层右侧的距离
主画板图层_top 主画板中图层的图片元素距离图层顶部的距离
主画板图层_bottom 主画板中图层的图片元素距离图层底部的距离

其中,主画板图层可以是主画板数据各图层中的目标图层,即当前处理的图层。主画板数据中的画板信息可以通过解析主画板数据得到。例如,主画板数据可以用变量mainBoard保存,在获取画板信息时,可以从mainBoard中取出主画板的宽和高,分别用变量width和height保存。图片物料模版对应的画板区域的位置信息和/或尺寸信息可以通过遍历处理存储图片物料模板数据的变量tempsParseData获得。特别的,主画板图层的一些位置数据也可以根据主画板与主画板中图层的位置数据计算得到,例如,主画板图层中的图片元素距离图层右侧边缘的距离主画板图层_right=主画板的宽度-图片元素距离图层左侧边缘的距离-主画板图层的宽度;主画板图层中的图片元素距离图层底部边缘的距离主画板图层_bottom=主画板的高度-图片元素距离图层顶部边缘的距离-主画板图层的高度。

表2

在得到主画板数据和图片物料模板后,可以根据主画板数据中的画板信息和图片物料模板的区域信息计算主画板数据中各图层的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸。例如,可以根据主画板数据中任一图层中图片元素的位置信息和尺寸信息计算该图片元素在图片物料模板对应的画板区域中的缩放比例,以及在画板区域中的位置,得到图片元素在图片物料模板对应的画板区域中的目标位置和目标尺寸。

具体的,在一种可选的实施方式中,可以通过以下方法确定主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸:

采用预设规则计算主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸;

其中,所述预设规则包括以下任意一条或多条:

计算主画板和画板区域的宽度比例和高度比例,在宽度比例大于高度比例时,将主画板数据中各图层的宽度设置为画板区域的宽度;或者在宽度比例不大于高度比例时,将主画板数据中各图层的高度设置为画板区域的高度;

确定主画板数据中任一图层中的图片元素在预设方向上距离任一图层边缘的最小距离值,以将图片元素在预设方向上的坐标值设置为最小距离值。

在生成目标图片时,可以计算主画板和画板区域的宽度比例和高度比例,根据宽度比例和高度比例的大小关系,在宽度比例大于高度比例时,将主画板数据中所有图层的宽度设置为画板区域的宽度,从而实现主画板数据中所有图层在宽度方向上的缩放;相应的,当宽度比例不大于高度比例时,将主画板数据中所有图层的高度设置为画板区域的高度,实现主画板数据中所有图层在高度方向上的缩放。通过这种方法,可以确定主画板相对于画板区域在哪个方向,即宽度方向或高度方向上的变化幅度最大,从而将变化幅度最大的方向上的属性值设置为画板区域对应的属性值,可以将主画板的尺寸一次性缩放至符合画板区域尺寸需求的尺寸,避免主画板在画板区域中某个方向超出画板区域的可能。

再者,还可以根据主画板数据中任一图层中的图片元素,如图片元素、文本元素、表格元素等在预设方向上距离上述任一图层边缘的最小距离值,来将图片元素在预设方向上的坐标值设置为上述最小距离值。其中,预设方向可以是画板区域相对于终端设备的使用者的左右方向或上下方向。例如,在左右方向上,可以根据主画板数据中任一图层中的图片元素距离该图层左右边缘的距离,即主画板图层_left和主画板图层_right,当主画板图层_left<主画板图层_right时,将主画板图层中图片元素在该方向上的坐标值设置为主画板图层_left的值;当主画板图层_left≥主画板图层_right时,将主画板图层中图片元素在该方向上的坐标值设置为主画板图层_right的值。再例如,在上下方向上,可以根据主画板数据中任一图层中的图片元素距离该图层上下边缘的距离,即主画板图层_top和主画板图层_bottom,当主画板图层_top>主画板图层_bottom时,将主画板图层中图片元素在该方向上的坐标值设置为主画板图层_bottom的值;当主画板图层_top≤主画板图层_bottom时,将主画板图层中图片元素在该方向上的坐标值设置为主画板图层_top的值。

进一步的,在一种可选的实施方式中,在确定主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸后,可以在终端设备的显示屏幕中显示图片元素的位置参数和/或尺寸参数。参考下表3所示,示出了本示例性实施方式中一种位置参数和尺寸参数的示例,如下所示:

表3

在一种可选的实施方式中,主画板图层_right和主画板图层_bottom也可以通过其他方法得到,例如:主画板图层_right=画板区域的宽度-主画板数据中图层的图层宽度-主画板数据中图层中图片元素距离图层右侧边缘的距离;主画板图层_bottom=画板区域的高度-主画板数据中图层的图层高度-主画板数据中图层中图片元素距离图层底部边缘的距离。

通过上述方法,用户可以依据显示的尺寸参数确定画板区域中显示的各个图片元素的尺寸和位置等,从而可以进一步确定是否需要调整图片元素的尺寸参数和位置参数等。

步骤S320,按照目标位置和/或目标尺寸将主画板数据中的图片元素合成至上述画板区域,以生成图片尺寸与上述图片物料模板相同的目标图片。

例如,可以按照主画板数据中的图片元素在画板区域中的位置信息,如图片元素距离画板区域左侧边缘的距离设置图片元素的位置,以将图片元素合成至上述画板区域,从而生成图片尺寸与上述图片物料模板相同的目标图片。

更进一步的,在生成目标图片时,在一种可选的实施方式中,还可以执行以下方法:

响应于对目标图片的位置和/或尺寸的调整操作,对目标图片的位置和/或尺寸进行调整。

例如,参考图4所示,用户可以在图片处理界面中的修改区域输入位置或尺寸参数,来设置目标图片在画板区域中的位置或尺寸。通过这种方式,用户可以在生成目标图片后,进一步对目标图片的位置或尺寸进行微调,优化目标图片的展示效果。

图5示出了本示例性实施方式中的另一种图片物料的处理流程,如图所示,可以包括以下步骤S510~S590:

步骤S510,获取初始图片数据。

具体的,初始图片数据可以是美术人员制作生成的图片数据,也可以是通过其他方式,如公开的数据集或其他网络资源中获取的图片数据。

步骤S520,对初始图片数据进行解析,并将解析数据转换成JSON格式数据。

相比初始图片数据,JSON格式数据的数据量更小,更易于读取和存储。

步骤S530,将初始图片数据的主画板数据转换为Base64格式数据,并将该Base64格式数据上传至服务端生成CDN链接。

在生成CDN链接后,终端设备可以通过CDN链接获取主画板数据,而不需要将主画板数据存储至本地,节省了终端设备的内存资源。

步骤S540,依据主画板数据创建主画板。

例如,用户可以图片处理界面中选择打开主画板数据,以触发主画板的显示,此时,图片处理界面中显示的主画板的尺寸可以与初始图片数据中主画板的尺寸相同。

步骤S550,响应于对具有不同尺寸的图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域。

例如,当用户通过终端设备选择多个图片物料模板时,终端设备可以通过Canvas创建画板区域,每个画板区域的尺寸与对应的图片物料模板的尺寸相同。

步骤S560,通过预设规则计算主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸;

步骤S570,按照目标位置和/或目标尺寸将主画板数据中的图片元素合成至上述画板区域,以生成图片尺寸与上述图片物料模板相同的目标图片。

步骤S580,响应于对目标图片的位置和/或尺寸的调整操作,对目标图片的位置和/或尺寸进行调整。

例如,用户可以在图片处理界面中设置目标图片中任一图片元素的位置参数或尺寸参数,来对目标图片的位置或尺寸进行调整。

步骤S590,导出目标图片。

当用户选择导出目标图片时,可以将具有不同尺寸的全部目标图片进行一次性导出,实现初始图片数据到多种尺寸的目标图片的快速转化。

综上,根据本示例性实施方式中的图片物料的处理方法,可以对获取的初始图片数据进行解析,并根据解析得到的图层结构信息确定初始图片数据的主画板数据,响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域,将主画板数据合成至每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片。一方面,本示例性实施方式通过将主画板数据合成至每个图片物料模板对应的画板区域,可以生成不同尺寸的目标图片,而不需要人工制作各个尺寸的目标图片,提高了图片资源的产出效率,节省了人力和资源等方面的成本;另一方面,通过解析初始图片数据的图层结构信息,可以在初始图片数据中提取出主画板数据,从而在合成目标图片时,仅需要对主画板数据进行处理,故提高了数据的处理效率。

本示例性实施方式还提供了一种图片物料的处理装置,参考图6所示,图片物料的处理装置600可以包括获取模块610,可以用于获取初始图片数据;确定模块620,可以用于对初始图片数据进行解析,并根据解析得到的图层结构信息确定初始图片数据的主画板数据,图层结构信息包括初始图片数据中各图层的图层信息和各图层的图层分组信息;创建模块630,可以用于响应于对具有不同尺寸的多个图片物料模板的选择操作,创建与每个图片物料模板的尺寸相同的画板区域;生成模块640,可以用于将主画板数据合成至每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片。

在本公开的一种示例性实施方式中,确定模块620可以用于根据各图层的图层信息和各图层的图层分组信息确定初始图片数据是否包括一个或多个图层分组,以及每个图层分组中是否包括一个或多个图层,当确定初始图片数据包括一个或多个图层分组,且每个图层分组中包括一个或多个图层时,将初始图片数据中的第一个图层分组的图片数据确定为主画板数据,当确定初始图片数据包括一个或多个图层,且各图层不属于任一图层分组时,将一个或多个图层的图片数据确定为主画板数据。

在本公开的一种示例性实施方式中,在根据解析得到的图层结构信息确定初始图片数据的主画板数据后,确定模块620还可以用于将主画板数据转换为Base64格式数据,并生成Base64格式数据的获取链接,该获取链接可以包括CDN链接;在将主画板数据合成至每个图片物料模板对应的画板区域前,生成模块640还可以用于通过上述获取链接获取主画板数据。

在本公开的一种示例性实施方式中,在创建与每个图片物料模板的尺寸相同的画板区域时,创建模块630可以用于确定图片物料模板是否具有自定义图层;当图片物料模板具有自定义图层时,将自定义图层的尺寸确定为目标尺寸,当图片物料模板不具有自定义图层时,将图片物料模板中各图层的最大尺寸确定为目标尺寸,将图片物料模板对应的画板区域的尺寸设置为目标尺寸。

在本公开的一种示例性实施方式中,在将主画板数据合成至每个图片物料模板对应的画板区域,以生成图片尺寸与对应的图片物料模板相同的多个目标图片时,生成模块640可以用于根据主画板数据中的画板信息和图片物料模板的区域信息确定主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸,按照目标位置和/或目标尺寸将主画板数据中的图片元素合成至画板区域,以生成图片尺寸与图片物料模板相同的目标图片,其中,主画板数据中的画板信息包括主画板的尺寸信息、各图层中图片元素的位置信息和/或尺寸信息。

在本公开的一种示例性实施方式中,生成模块640还可以用于采用预设规则计算主画板数据中的图片元素在图片物料模板对应的画板区域中的目标位置和/或目标尺寸,其中,预设规则包括以下任意一条或多条:计算主画板和画板区域的宽度比例和高度比例,在宽度比例大于高度比例时,将主画板数据中各图层的宽度设置为画板区域的宽度,或者在宽度比例不大于高度比例时,将主画板数据中各图层的高度设置为画板区域的高度,确定主画板数据中任一图层中的图片元素在预设方向上距离任一图层边缘的最小距离值,以将图片元素在预设方向上的坐标值设置为最小距离值。

在本公开的一种示例性实施方式中,生成模块640还可以用于在宽度比例大于高度比例时,将主画板数据中的文本元素的字体值与宽度比例相乘,得到文本元素在画板区域中的目标字体值,在宽度比例不大于高度比例时,将主画板数据中的文本元素的字体值与高度比例相乘,得到文本元素在画板区域中的目标字体值,将文本元素在画板区域中的字体值设置为目标字体值。

在本公开的一种示例性实施方式中,在生成图片尺寸与对应的图片物料模板相同的多个目标图片时,生成模块640还可以用于响应于对目标图片的位置和/或尺寸的调整操作,调整目标图片的位置和/或尺寸。

上述装置中各模块的具体细节在方法部分实施方式中已经详细说明,未披露的方案细节内容可以参见方法部分的实施方式内容,因而不再赘述。

所属技术领域的技术人员能够理解,本公开的各个方面可以实现为系统、方法或程序产品。因此,本公开的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系统”。

本公开的示例性实施方式还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本公开的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在终端设备上运行时,程序代码用于使终端设备执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。

参考图7所示,描述了根据本公开的示例性实施方式的用于实现上述方法的程序产品700,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本公开的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

程序产品700可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

本公开的示例性实施方式还提供了一种能够实现上述方法的电子设备,其可以是本示例性实施方式中执行图片物料的处理方法的终端设备。下面参照图8来描述根据本公开的这种示例性实施方式的电子设备800。图8显示的电子设备800仅仅是一个示例,不应对本公开实施方式的功能和使用范围带来任何限制。

如图8所示,电子设备800可以以通用计算设备的形式表现。电子设备800的组件可以包括但不限于:上述至少一个处理单元810、上述至少一个存储单元820、连接不同系统组件(包括存储单元820和处理单元810)的总线830和显示单元840。

其中,存储单元820存储有程序代码,程序代码可以被处理单元810执行,使得处理单元810执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。例如,处理单元810可以执行图1、图3、图5所示的方法步骤等。

存储单元820可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)821和/或高速缓存存储单元822,还可以进一步包括只读存储单元(ROM)823。

存储单元820还可以包括具有一组(至少一个)程序模块825的程序/实用工具824,这样的程序模块825包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线830可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备800也可以与一个或多个外部设备900(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备800交互的设备通信,和/或与使得该电子设备800能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口850进行。并且,电子设备800还可以通过网络适配器860与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器860通过总线830与电子设备800的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备800使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的示例性实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

此外,上述附图仅是根据本公开示例性实施方式的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。

通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例性实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开示例性实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开示例性实施方式的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其他实施方式。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施方式仅被视为示例性的,本公开的真正范围和精神由权利要求指出。

完整详细技术资料下载
上一篇:石墨接头机器人自动装卡簧、装栓机
下一篇:Android系统与汽车ECU模块通信数据序列化和反序列化方法及系统

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!