本发明专利技术属于可视化素材制作领域，涉及一种通过设置模板并选取资源生成多元素图片的方法及装置，为了解决现有多元素图片生成方法所存在的图片生成效率低、用户可选性不强的技术问题，本发明专利技术在模板设置阶段，通过设置多个图层，为每一个图层可以匹配一个或多个资源文件，从而形成了一套而非一个多元素图片模板，从而在服务器后端生成时，可以批量生成多元素图片，提高了图片的生成效率，为用户提供了多种选择。种选择。种选择。
【技术实现步骤摘要】
通过设置模板并选取资源生成多元素图片的方法及装置
[0001]本专利技术属于可视化素材制作领域，具体涉及一种多元素图片的制作方法及装置。
技术介绍
[0002]目前，在可视化素材制作领域，通常的是方法是先进行模板开发，在多元素图片制作时，选择合适的模板图片，对模板图片的参数进行设置，生成多元素图片，该类多元素图片动态生成方法所存在不足在于：每一次只能生成一张图片，用户的可选择性不强。
技术实现思路
[0003]为了解决现有多元素图片生成方法所存在的图片生成效率低、用户可选性不强的技术问题，本专利技术提供一种通过设置模板并选取资源生成多元素图片的方法及装置。
[0004]本专利技术的技术解决方案如下：本专利技术提供的通过设置模板并选取资源生成多元素图片的方法，应用于前端，其特殊之处在于，包括以下步骤：1）创建模板显示与多元素图片样式设置相关的第一交互界面，第一交互界面至少包括多元素图片尺寸设置区域；2）设置模板2.1）在所创建模板的基础上，显示与多元素图片样式设置相关的第二交互界面，第二交互界面至少包括图层操作区域、预览区域及属性区域；图层操作区域包括多个图层模块，属性区域包括与多个图层模块一一对应的属性设置模块，所述预览区域用于设置效果的显示；2.2）接收基于第二交互界面发出的针对每一图层进行设置的属性及参数信息；3）匹配资源接收基于第二交互界面所发的针对每一图层进行资源匹配的资源信息，形成图层与资源文件之间的对应关系；4）发送将多元素图片尺寸、图层的数量、图层的属性及参数信息、图层与资源文件的对应关系进行打包形成多元素图片配置文件，发送给服务端进行图片生成；5）显示对服务器后端生成的多元素图片进行显示。
[0005]进一步的，所述图层操作区域位于交互界面的左侧，属性区域位于交互界面的右侧，预览区域位于图层操作区域与属性区域之间。
[0006]本专利技术通过设置模板并选取资源生成多元素图片的方法，在模板设置阶段，通过设置多个图层，为每一个图层可以匹配一个或多个资源文件，从而形成了一套而非一个多元素图片模板，从而在服务器后端生成时，可以批量生成多元素图片，提高了图片的生成效
率。
[0007]与前述方法相配合使用的，本专利技术还提供了另一种通过设置模板并选取资源生成多元素图片的方法，该方法应用于服务器后端，其特殊之处在于，包括以下步骤：1）接收生成请求，获取多元素图片配置文件，所述多元素图片配置文件包括多元素图片尺寸、图层的数量、图层的属性及参数信息、图层与资源文件的对应关系；2）对多元素图片配置文件进行解析，解析出图层的数量，每一图层的层级及属性；3）循环读取每个层级对应的资源文件；4）结合层级的属性和层级的资源文件动态批量生成多元素图片，生成多元素图片的工具为Graphics2D。
[0008]与上述第一种方法相对应的，本专利技术还提供了一种通过设置模板并选取资源生成多元素图片的装置，该装置设置于前端，其特殊之处在于：包括：模板创建单元，用于显示与多元素图片样式设置相关的第一交互界面，第一交互界面至少包括多元素图片尺寸设置区域；模板设置单元，用于在所创建模板的基础上，显示与多元素图片样式设置相关的第二交互界面，第二交互界面至少包括图层操作区域、预览区域及属性区域；图层操作区域包括多个图层模块，属性区域包括与多个图层模块一一对应的属性设置模块；接收基于第二交互界面发出的针对每一图层进行设置的属性及参数信息；资源匹配单元，接收基于第二交互界面所发的针对每一图层进行资源匹配的资源信息，形成图层与资源文件之间的对应关系；发送单元，用于将多元素图片尺寸、图层的数量、图层的属性及参数信息、图层与资源文件的对应关系进行打包形成多元素图片配置文件，发送给服务器后端进行图片生成；显示单元，用于对服务器后端生成的多元素图片进行显示。
[0009]与上述第二种方法相对应的，本专利技术还提供了一种通过设置模板并选取资源生成多元素图片的装置，该装置设置于服务端，其特殊之处在于，包括：获取模块，用于接收生成请求，获取多元素图片配置文件，所述多元素图片配置文件包括多元素图片尺寸、图层的数量、图层的属性及参数信息、图层与资源文件的对应关系；解析模块：用于对多元素图片配置文件进行解析，解析出图层的数量，每一图层的层级及属性；遍历模块：循环读取每个层级对应的资源文件；生成模块：结合层级的属性和层级的资源文件动态批量生成多元素图片。生成单元包括Graphics2D，所述Graphics2D用于对每一张多元素图片的参数进行处理，生成多元素图片。
[0010]本专利技术还保护一种计算机可读存储介质，其上存储有可执行代码，当所述可执行代码在计算机中执行时，令计算机执行上述第一种方法。
[0011]本专利技术还保护另一种计算机可读存储介质，其上存储有可执行代码，当所述可执行代码在计算机中执行时，令计算机执行上述第二种方法。
[0012]本专利技术还保护一种计算机设备，包括存储器和处理器，其中，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现上述第一种方法。
[0013]本专利技术还保护一种计算机设备，包括存储器和处理器，其中，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现上述第二种方法。
[0014]本专利技术与现有技术相比，有益效果是：1、本专利技术通过设置模板并选取资源生成多元素图片的方法，通过多图层的模块设置，模板完成后，为模板批量设置资源文件，之后进行解析，对资源文件进行不同形式的组
合，动态生成所需图片。该方法可以极大减少用户手动设计图片素材的时间，可以按批量生成多元素图片，提高了用户对图片的可选择性，减少了设计人员的重复工作，提高了工作效率和素材产出。
[0015]2、日常工作中素材的制作只能有设计人员完成，使用本专利技术，运营人员可以直接根据客户需要，制定相应的模板，批量生成素材直接使用，减少了对设计人员的依赖程度。
[0016]说明书附图图1为本专利技术通过设置模板并选取资源生成多元素图片方法的流程图；图2为本专利技术方法实施例的流程简图；图3为本专利技术实施例第一交互界面展示图；图4为本专利技术实施例设置文案模块界面图；图5为本专利技术实施例设置背景模块的界面图；图6为本专利技术实施例设置图标模块的界面图；图7为本专利技术实施例模板设置完成的界面图；图8为本专利技术实施例创建文档图层的界面图；图9为本专利技术实施例选取图标文件的界面图；图10为本专利技术实施例所有的图层设置好以后，向服务端发起图片生成请求的界面图；图11为本专利技术实施例生成可视化多元素图片展示在页面中的界面图。
具体实施方式
[0017]以下结合附图对本专利技术进行详细说明，本专利技术的方法和装置可以应用于广告素材的生成。
[0018]如图1所示，本专利技术通过设置模板并选取资源生成多元素图片的方法，包括以下步骤：1）创建模板显示与多元素图片样式设置相关的第一交互界面，第一交互界面至少包括多元素图片尺寸设置区域。
[0019]2）设置模板2.1）在步骤1）所创建模板的基础上，显示与多元素图片样式设置相关的第二交互界面本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.通过设置模板并选取资源生成多元素图片的方法，其特征在于，包括以下步骤：显示与多元素图片样式设置相关的第一交互界面，第一交互界面至少包括多元素图片尺寸设置区域；在所创建模板的基础上，显示与多元素图片样式设置相关的第二交互界面，第二交互界面至少包括图层操作区域、预览区域及属性区域；图层操作区域包括多个图层模块，属性区域包括与多个图层模块一一对应的属性设置模块，所述预览区域用于设置效果的显示；接收基于第二交互界面发出的针对每一图层进行设置的属性及参数信息；接收基于第二交互界面所发的针对每一图层进行资源匹配的资源信息，形成图层与资源文件之间的对应关系；将多元素图片尺寸、图层的数量、图层的属性及参数信息、图层与资源文件的对应关系进行打包形成多元素图片配置文件，发送给服务端进行图片生成；对服务器后端生成的多元素图片进行显示。2.根据权利要求1所述的通过设置模板并选取资源生成多元素图片的方法，其特征在于：所述图层操作区域位于交互界面的左侧，属性区域位于交互界面的右侧，预览区域位于图层操作区域与属性区域之间。3.通过设置模板并选取资源生成多元素图片的方法，其特征在于，包括以下步骤：接收生成请求，获取多元素图片配置文件，所述多元素图片配置文件包括多元素图片尺寸、图层的数量、图层的属性及参数信息、图层与资源文件的对应关系；对多元素图片配置文件进行解析，解析出图层的数量，每一图层的层级及属性；循环读取每个层级对应的资源文件；结合层级的属性和层级的资源文件动态批量生成多元素图片，生成多元素图片的工具为Graphics2D。4.通过设置模板并选取资源生成多元素图片的装置，设置于前端，其特征在于：包括：模板创建单元，用于显示与多元素图片样式设置相关的第一交互界面，第一交互界面至少包括多元素图片尺寸设置区域；模板设置单元，用于在所创建模板的基础上，显示与多元素图片样式设置相关的第二交互界面，第二交互界面至少包括图层操作区域、预览区域及属性区域；图层操作区域包括多个图层模块，属性区域包括与多个图层模块一...
【专利技术属性】
技术研发人员：罗洪滨，霍威威，黄远相，柯细兴，
申请(专利权)人：亿玛创新网络天津有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。