一种动态图片生成方法、系统、设备及存储介质技术方案

本发明专利技术公开了一种动态图片生成方法、系统、设备及存储介质，通过获取定制化的动态元素及对应的元素属性信息，来将各动态元素按照对应的元素属性信息绘制在调整好的底层画布上，形成叠合后的动态内容合成图像数据，然后通过服务端渲染将动态内容合成图像数据渲染成最终动态效果图进行打包输出，以实现基于图层模板的高效定制化动态图片生成，可以满足电商场景下的批量动态图片生成和处理需求，减少人工重复工作，且基于图层模板的方式可复用性强，可拓展性强，可以长期迭代更新，使用维护成本低，易于上手。易于上手。易于上手。

【技术实现步骤摘要】
一种动态图片生成方法、系统、设备及存储介质


[0001]本专利技术属于图像处理
，具体涉及一种动态图片生成方法、系统、设备及存储介质。

技术介绍

[0002]由于电商平台日益增多的营销活动需求，需要用到大量不同内容的活动海报、商品海报和分享海报等，这些海报大都需要应用到相应的动态图片，而传统使用人工处理动态图片的方式效率低下，给电商平台高效运营带来了技术瓶颈。
[0003]随着计算机硬件性能的提升以及分布式云架构的演进，很多传统的基于CPU绘图的程序方法也可以用堆叠更多服务实例的方式实现动态内容图片的批量生成，或者使用图片拼叠的方式，把多张图片平铺叠加得到最终的动态图片结果。这样的实现方式缺点是程序部署环境要求高，需要分布式云服务器集群、包含计算机图形视觉接口的容器镜像、支持现代图形接口的浏览器等，且复用性差，不能很好地满足批量动态图片生成和处理需求。

技术实现思路

[0004]本专利技术的目的是提供一种动态图片生成方法、系统、设备及存储介质，用以解决现有技术中存在的上述问题。
[0005]为了实现上述目的，本专利技术采用以下技术方案：
[0006]第一方面，提供一种动态图片生成方法，包括：
[0007]获取图片模板，并根据操作指令调整图片模板的基础属性，得到底层画布；
[0008]获取各动态元素及对应的元素属性信息；
[0009]将各动态元素按照其对应的元素属性信息绘制在底层画布上，形成叠合后的动态内容合成图像数据；
[0010]采用服务端渲染方法将动态内容合成图像数据渲染成最终动态效果图；
[0011]将最终动态效果图压缩打包为设定格式文件进行保存和输出。
[0012]基于上述
技术实现思路
，通过获取定制化的动态元素及对应的元素属性信息，来将各动态元素按照对应的元素属性信息绘制在调整好的底层画布上，形成叠合后的动态内容合成图像数据，然后通过服务端渲染将动态内容合成图像数据渲染成最终动态效果图进行打包输出，以实现基于图层模板的高效定制化动态图片生成，可以满足电商场景下的批量动态图片生成和处理需求，减少人工重复工作，且基于图层模板的方式可复用性强，可拓展性强，可以长期迭代更新，使用维护成本低，易于上手。
[0013]在一个可能的设计中，所述方法还包括：
[0014]获取动态元素组及统一的元素组属性信息，所述动态元素组包含若干动态元素；
[0015]根据元素组属性信息将动态元素组内的各动态元素绘制在底层画布上，形成叠合后的动态内容合成图像数据。
[0016]在一个可能的设计中，所述基础属性包括图片模板的尺寸信息、方位信息和颜色
信息，所述根据操作指令调整图片模板的基础属性，包括：根据操作指令对图片模板进行尺寸、方位和颜色的更改，得到底层画布。
[0017]在一个可能的设计中，所述动态元素包括文本信息和/或图片信息，所述元素属性信息包括对应动态元素的图层信息、尺寸信息、位置信息、透明度信息、旋转角度信息、拉伸角度信息、边框尺寸信息和边框颜色信息。
[0018]在一个可能的设计中，所述将各动态元素按照其对应的元素属性信息绘制在底层画布上，形成叠合后的动态内容合成图像数据，包括：根据图层信息和位置信息将对应动态元素叠合到底层画布上相应图层和位置，根据透明度信息、旋转角度信息、拉伸角度信息、边框尺寸信息和边框颜色信息分别进行对应动态元素的透明度设置、旋转角度设置、拉伸角度设置、边框尺寸设置和边框颜色设置。
[0019]在一个可能的设计中，所述文本信息和/或图片信息的元素属性信息还包括占位内容信息和渲染内容信息，在形成叠合后的动态内容合成图像数据时，将占位内容信息同文本信息和/或图片信息占位叠合到底层画布上相应图层，形成叠合后的动态内容合成图像数据，在将动态内容合成图像数据渲染成最终动态效果图时，用渲染内容信息替换占位内容信息。
[0020]在一个可能的设计中，所述采用服务端渲染方法将动态内容合成图像数据渲染成最终动态效果图，包括：调用图片渲染服务端程序开启网页浏览器将动态内容合成图像数据在网页浏览器界面依据设定算法渲染成最终动态效果图。
[0021]第二方面，提供一种动态图片生成系统，包括第一获取单元、第二获取单元、编辑单元、渲染单元和打包单元，其中：
[0022]第一获取单元，用于获取图片模板，并根据操作指令调整图片模板的基础属性，得到底层画布；
[0023]第二获取单元，用于获取各动态元素及对应的元素属性信息；
[0024]编辑单元，用于将各动态元素按照其对应的元素属性信息绘制在底层画布上，形成叠合后的动态内容合成图像数据；
[0025]渲染单元，用于采用服务端渲染方法将动态内容合成图像数据渲染成最终动态效果图；
[0026]打包单元，用于将最终动态效果图压缩打包为设定格式文件进行保存和输出。
[0027]第三方面，提供一种动态图片生成设备，包括：
[0028]存储器，用于存储指令；
[0029]处理器，用于读取所述存储器中存储的指令，并根据指令执行上述第一方面中任意一种所述的方法。
[0030]第四方面，提供一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，当所述指令在计算机上运行时，使得所述计算机执行第一方面种任意一种所述的方法。同时，还提供一种包含指令的计算机程序产品，当所述指令在计算机上运行时，使所述计算机执行第一方面种任意一种所述的方法。
[0031]有益效果：本专利技术通过获取定制化的动态元素及对应的元素属性信息，来将各动态元素按照对应的元素属性信息绘制在调整好的底层画布上，形成叠合后的动态内容合成图像数据，然后通过服务端渲染将动态内容合成图像数据渲染成最终动态效果图进行打包
输出，以实现基于图层模板的高效定制化动态图片生成，可以满足电商场景下的批量动态图片生成和处理需求，减少人工重复工作，且基于图层模板多图层叠合方式可复用性强，可拓展性强，可以长期迭代更新，使用维护成本低，易于上手。
附图说明
[0032]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0033]图1为本专利技术实施例中的方法步骤示意图；
[0034]图2为本专利技术实施例中的系统构成示意图；
[0035]图3为本专利技术实施例中的设备构成示意图。
具体实施方式
[0036]在此需要说明的是，对于这些实施例方式的说明用于帮助理解本专利技术，但并不构成对本专利技术的限定。本文公开的特定结构和功能细节仅用于描述本专利技术的示例实施例。然而，可用很多备选的形式来体现本专利技术，并且不应当理解为本专利技术限制在本文阐述的实施例中。
[0037]应当理解，术语第一、第二等仅用于区分描述，而不能理解为本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动态图片生成方法，其特征在于，包括：获取图片模板，并根据操作指令调整图片模板的基础属性，得到底层画布；获取各动态元素及对应的元素属性信息；将各动态元素按照其对应的元素属性信息绘制在底层画布上，形成叠合后的动态内容合成图像数据；采用服务端渲染方法将动态内容合成图像数据渲染成最终动态效果图；将最终动态效果图压缩打包为设定格式文件进行保存和输出。2.根据权利要求1所述的一种动态图片生成方法，其特征在于，所述方法还包括：获取动态元素组及统一的元素组属性信息，所述动态元素组包含若干动态元素；根据元素组属性信息将动态元素组内的各动态元素绘制在底层画布上，形成叠合后的动态内容合成图像数据。3.根据权利要求1所述的一种动态图片生成方法，其特征在于，所述基础属性包括图片模板的尺寸信息、方位信息和颜色信息，所述根据操作指令调整图片模板的基础属性，包括：根据操作指令对图片模板进行尺寸、方位和颜色的更改，得到底层画布。4.根据权利要求1所述的一种动态图片生成方法，其特征在于，所述动态元素包括文本信息和/或图片信息，所述元素属性信息包括对应动态元素的图层信息、尺寸信息、位置信息、透明度信息、旋转角度信息、拉伸角度信息、边框尺寸信息和边框颜色信息。5.根据权利要求4所述的一种动态图片生成方法，其特征在于，所述将各动态元素按照其对应的元素属性信息绘制在底层画布上，形成叠合后的动态内容合成图像数据，包括：根据图层信息和位置信息将对应动态元素叠合到底层画布上相应图层和位置，根据透明度信息、旋转角度信息、拉伸角度信息、边框尺寸信息和边框颜色信息分别进行对应动态元素的透明度设置、旋转角度设置、拉伸角度设置、边框尺寸设置和边框颜色设置。6.根据权利要求4所述的...

【专利技术属性】
技术研发人员：罗倚天，
申请(专利权)人：广州大事件网络科技有限公司，
类型：发明
国别省市：