自动生成图片配置文件的方法及装置制造方法及图纸

本说明书实施例提供一种自动生成图片配置文件的方法及装置，在自动生成图片配置文件的方法中，显示与图片样式设置相关的交互界面。接收基于交互界面传入的模板图片，并对其进行显示。接收基于交互界面发出的针对模板图片的第一样式设置指令。根据第一样式设置指令，确定模板图片的样式属性参数。至少基于模板图片及其样式属性参数，生成图片配置文件。生成图片配置文件。生成图片配置文件。

【技术实现步骤摘要】
自动生成图片配置文件的方法及装置


[0001]本说明书一个或多个实施例涉及计算机
，尤其涉及一种自动生成图片配置文件的方法及装置。

技术介绍

[0002]传统技术中，客户端在为用户动态生成图片时，通常需要开发人员通过编码的方式来设定待生成图片的图片描述信息。这里的图片描述信息包括模板图片及其样式属性参数等。这会增加客户端代码的复杂度，且针对模板图片的样式设置不够直观。

技术实现思路

[0003]本说明书一个或多个实施例描述了一种自动生成图片配置文件的方法及装置，可将待生成图片的模板图片及其样式属性参数以图片配置文件的方式提供给客户端代码，由此可以减小客户端代码的复杂度，进而可以提升图片生成效率。
[0004]第一方面，提供了一种自动生成图片配置文件的方法，包括：
[0005]显示与图片样式设置相关的交互界面；
[0006]接收基于所述交互界面传入的模板图片，并对其进行显示；
[0007]接收基于所述交互界面发出的针对所述模板图片的第一样式设置指令；
[0008]根据所述第一样式设置指令，确定所述模板图片的样式属性参数；
[0009]至少基于所述模板图片及其样式属性参数，生成图片配置文件。
[0010]第二方面，提供可一种图片生成方法，包括：
[0011]接收用户的图片生成请求；
[0012]根据所述图片生成请求，确定待生成的目标图片中各可变图片元素；
[0013]调用所述目标SDK，对所述图片配置文件进行解析，得到图片描述信息；其中，所述图片描述信息至少包括所述目标图片的模板图片及其样式属性参数；
[0014]至少根据所述模板图片及其样式属性参数，以及所述各可变图片元素，动态生成所述目标图片。
[0015]第三方面，提供了一种自动生成图片配置文件的装置，包括：
[0016]显示单元，用于显示与图片样式设置相关的交互界面；
[0017]接收单元，用于接收基于所述交互界面传入的模板图片，并对其进行显示；
[0018]所述接收单元，还用于接收基于所述交互界面发出的针对所述模板图片的第一样式设置指令；
[0019]确定单元，用于根据所述第一样式设置指令，确定所述模板图片的样式属性参数；
[0020]生成单元，用于至少基于所述模板图片及其样式属性参数，生成图片配置文件。
[0021]第四方面，提供了一种图片生成装置，包括：
[0022]接收单元，用于接收用户的图片生成请求；
[0023]确定单元，用于根据所述图片生成请求，确定待生成的目标图片中各可变图片元
素；
[0024]调用单元，用于调用所述目标SDK，对所述图片配置文件进行解析，得到图片描述信息；其中，所述图片描述信息至少包括所述目标图片的模板图片及其样式属性参数；
[0025]生成单元，用于至少根据所述模板图片及其样式属性参数，以及所述各可变图片元素，动态生成所述目标图片。
[0026]第五方面，提供了一种计算机存储介质，其上存储有计算机程序，当所述计算机程序在计算机中执行时，令计算机执行第一方面或第二方面的方法。
[0027]第六方面，提供了一种计算设备，包括存储器和处理器，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现第一方面或第二方面的方法。
[0028]本说明书一个或多个实施例提供的自动生成图片配置文件的方法及装置，开发人员可以通过可视化平台的交互界面，设置模板图片的样式属性参数。之后，可视化平台可以基于模板图片及其样式属性参数，自动生成图片配置文件，并将其提供给客户端代码，以便客户端代码通过解析该图片配置文件，获取模板图片及其样式属性参数等图片描述信息，并基于该图片描述信息以及实时获取的可变图片元素，动态生成目标图片。由此可以减小客户端代码的复杂度，进而可以提升图片生成效率。
附图说明
[0029]为了更清楚地说明本说明书实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0030]图1为本说明书一个实施例提供的实施场景示意图；
[0031]图2为本说明书一个实施例提供的自动生成图片配置文件的方法流程图；
[0032]图3示出在一个实施例中的交互界面示意图；
[0033]图4为本说明书一个实施例提供的图片生成方法交互图；
[0034]图5示出根据本说明书实施例生成的目标图片；
[0035]图6为本说明书一个实施例提供的自动生成图片配置文件的装置示意图；
[0036]图7为本说明书一个实施例提供的图片生成装置示意图。
具体实施方式
[0037]下面结合附图，对本说明书提供的方案进行描述。
[0038]多数情况下，客户端可以基于Canvas，来动态生成用户请求的目标图片，如，电子工作证、电子通行证等。这里的目标图片通常是由模板图片和可变图片元素组成。
[0039]Canvas是HTML5的一个标签，通过Canvas标签可以定义图片，然后使用JavaScript在网页上绘制图片。在一些应用场景下，通过指定画布的位置和大小，便可将与该位置和大小对应的网页内容绘制到Canvas上。
[0040]然而，由于基于Canvas的绘图需要编写JavaScript脚本，因此，基于Canvas的绘图往往会增加客户端代码的复杂度。
[0041]为此，本申请的专利技术人提出，可以将图片样式设置的这部分内容，从客户端代码中
抽离出来。具体地，开发人员可以通过可视化平台的交互界面，设置模板图片的样式属性参数。之后，可视化平台可以基于模板图片及其样式属性参数，自动生成图片配置文件，并将其提供给客户端代码，以便客户端代码通过解析该图片配置文件，获取模板图片及其样式属性参数等图片描述信息，并基于该图片描述信息以及实时获取的可变图片元素，动态生成目标图片。由此可以减小客户端代码的复杂度，进而可以提升图片生成效率。
[0042]以上就是本说明书提供的专利技术构思，基于该专利技术构思就可以实现本方案，以下对本方案进行详细阐述。
[0043]图1为本说明书一个实施例提供的实施场景示意图。图1中，开发人员通过可视化平台可以设置模板图片的样式。可选地，还可以设置可变图片元素的样式。具体地，该可视化平台可以显示与图片样式设置相关的交互界面。之后，可以接收开发人员基于交互界面传入的模板图片以及针对模板图片的样式设置指令。最后，可视化平台可以至少基于模板图片及其样式属性参数，自动生成图片配置文件。在一个例子中，可以将该图片配置文件存放在客户端代码的固定路径下，以供后续目标软件开发工具包(Software Development Kit，SDK)被调用时使用。
[0044]图1的客户端中可以集成有目本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种自动生成图片配置文件的方法，包括：显示与图片样式设置相关的交互界面；接收基于所述交互界面传入的模板图片，并对其进行显示；接收基于所述交互界面发出的针对所述模板图片的第一样式设置指令；根据所述第一样式设置指令，确定所述模板图片的样式属性参数；至少基于所述模板图片及其样式属性参数，生成图片配置文件。2.根据权利要求1所述的方法，其中，所述生成图片配置文件包括：至少基于所述模板图片及其样式属性参数，以及目标SDK对应的图片配置文件的格式，生成适配于所述目标SDK的图片配置文件；所述目标SDK用于集成到客户端中，从而在被客户端代码调用时，根据所述图片配置文件以及实时获取的可变图片元素，动态生成目标图片。3.根据权利要求2所述的方法，还包括：接收基于所述交互界面传入的、对应于所述可变图片元素的示例元素并显示；接收基于所述交互界面发出的针对所述示例元素的第二样式设置指令；根据所述第二样式设置指令，确定所述示例元素的样式属性参数；所述生成适配于所述目标SDK的图片配置文件，包括：将所述示例元素的样式属性参数作为所述可变图片元素的样式属性参数，并基于所述可变图片元素的样式属性参数、所述模板图片及其样式属性参数，以及所述目标SDK对应的图片配置文件的格式，生成适配于所述目标SDK的图片配置文件。4.根据权利要求3所述的方法，其中，所述第二样式设置指令包括以下中的至少一项：相对位置设置指令、字体字号设置指令、颜色设置指令、形状设置指令以及长度和宽度设置指令。5.根据权利要求2所述的方法，其中，所述可变图片元素包括以下中的至少一项：用户描述信息、当前时间、用户头像以及用户二维码。6.一种图片生成方法，通过客户端执行，所述客户端中集成有目标SDK，所述目标SDK具有根据权利要求1的方法生成的图片配置文件；所述方法包括：接收用户的图片生成请求；根据所述图片生成请求，确定待生成的目标图片中各可变图片元素；调用所述目标SDK，对所述图片配置文件进行解析，得到图片描述信息；其中，所述图片描述信息至少包括所述目标图片的模板图片及其样式属性参数；至少根据所述模板图片及其样式属性参数，以及所述各可变图片元素，动态生成所述目标图片。7.根据权利要求6所述的方法，其中，所述图片生成请求包括用户标识；所述根据所述图片生成请求，确定待生成的目标图片中各可变图片元素，包括：根据所述用户标识，向服务端发送数据获取请求；接收所述服务端返回的用户描述信息；至少根据所述用户描述信息，确定待生成的目标图片中各可变图片元素。8.根据权利要求6所述的方法，其中，所述图片描述信息还包括所述可变图片元素的样式属性参数；所述动态生成所述目标图片，包括：
创建Canvas画布；根据所述模板图片的样式属性参数，在所述Canvas画布上绘制出所述模板图片；根据所述各可变图片元素的样式属性参数，将所述各可变图片元素填充到绘制出的所述模板图片中，得到所述目标图片。9.一种自动生成图片配置文件的装置，包括：显示单元，用于显示与图片样式设置相关的交互界面；接收单元，用于接收基于所述交互界面传入的模板图片，并对其进行显示；所述接收单元，还用于接收基于所述交互界面发出的针对所述模板图片的第一样式设置指令；...

【专利技术属性】
技术研发人员：郭吉航，
申请(专利权)人：支付宝杭州信息技术有限公司，
类型：发明
国别省市：