1.本技术涉及动态图像处理
技术领域：
：，尤其涉及一种图像渲染方法及装置、存储介质。
背景技术：
：：2.现有技术中，通常是利用模板编辑器对接收到的图像数据进行渲染，然后显示该图像数据，由于模板编辑器渲染的内容都属于静态资源，即为视频中的一帧数据，在利用模板编辑器对视频数据进行渲染的情况下，模板编辑器也就将该视频数据渲染成一帧数据，使得利用模板编辑器无法导出视频数据，降低了利用模板编辑器获取视频数据时的智能性。技术实现要素：3.为解决上述技术问题，本技术实施例期望提供一种图像渲染方法及装置、存储介质，能够提高利用模板编辑器获取视频数据时的智能性。4.本技术的技术方案是这样实现的：5.本技术实施例提供一种图像渲染方法，所述图像渲染方法包括：6.在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；7.利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；8.将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。9.本技术实施例提供了一种图像渲染装置，所述装置包括：10.传输单元，用于在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；11.确定单元，用于利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；12.渲染单元，用于将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。13.本技术实施例提供了一种图像渲染装置，所述装置包括：14.存储器、处理器和通信总线，所述存储器通过所述通信总线与所述处理器进行通信，所述存储器存储所述处理器可执行的图像渲染的程序，当所述图像渲染的程序被执行时，通过所述处理器执行上述所述的图像渲染方法。15.本技术实施例提供了一种存储介质，其上存储有计算机程序，应用于图像渲染装置，其特征在于，该计算机程序被处理器执行时实现上述所述的图像渲染方法。16.本技术实施例提供了一种图像渲染方法及装置、存储介质，图像渲染方法包括：在接收到动图数据的情况下，通过图层渲染接口将动图数据传输至动图渲染模块；利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性；将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。采用上述方法实现方案，图像渲染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。附图说明17.图1为本技术实施例提供的一种图像渲染方法流程图；18.图2为本技术实施例提供的一种示例性的模板编辑器示意图；19.图3为本技术实施例提供的一种示例性的图像渲染模块和模板编辑器的连接示意图；20.图4为本技术实施例提供的一种示例性的编辑器渲染示例图一；21.图5为本技术实施例提供的一种示例性的编辑器渲染示例图二；22.图6为本技术实施例提供的一种示例性的编辑器渲染示例图三；23.图7为本技术实施例提供的一种示例性的图像渲染执行流程图；24.图8为本技术实施例提供的一种图像渲染装置的组成结构示意图一；25.图9为本技术实施例提供的一种图像渲染装置的组成结构示意图二。具体实施方式26.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述。应当理解，此处所描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。27.本技术实施例提供了一种图像渲染方法，一种图像渲染方法应用于图像渲染装置，图1为本技术实施例提供的一种图像渲染方法流程图，如图1所示，图像渲染方法可以包括：28.s101、在接收到动图数据的情况下，通过图层渲染接口将动图数据传输至动图渲染模块。29.本技术实施例提供的一种图像渲染方法适用于对动图数据进行渲染的场景下。30.在本技术实施例中，图像渲染装置可以以各种形式来实施。例如，本技术中描述的图像渲染装置可以包括诸如手机、照相机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(personaldigitalassistant，pda)、便捷式媒体播放器(portablemediaplayer，pmp)、导航装置、可穿戴设备、智能手环、计步器等装置，以及诸如数字tv、台式计算机、服务器等装置。31.在本技术实施例中，动图数据可以为视频数据；动图数据也可以为媒体数据；动图数据还可以为其他的数据，具体的动图数据可以根据实际情况进行确定，本技术实施例对此不作限定。32.在本技术实施例中，图像渲染装置中包括模板编辑器和动图渲染模块，模板编辑器用于接收动图数据，并通过模板编辑器上的图层渲染接口将动图数据传输至动图渲染模块；动图渲染模块用于确定出动图数据对应的动效帧属性，再通过图层渲染接口将渲染后的动图数据(渲染数据)传输至模板编辑器，以利用模板编辑器中的视图容器显示该渲染数据。33.在本技术实施例中，图层渲染接口可以为自定义的图层渲染器，即模板编辑器上设置有自定义的图层渲染器，以在模板编辑器接收到动图数据的情况下，通过模板编辑器上的自定义的图层渲染器将动图数据传输至动图渲染模块。34.需要说明的是，图层渲染接口也可以为其他的用于将动图数据传输至动图渲染模块的数据传输接口，具体的可以根据实际情况进行确定，本技术实施例对此不作限定。35.在本技术实施例中，图像渲染装置通过图层渲染接口将动图数据传输至动图渲染模块的过程，包括：图像渲染装置利用图层渲染适配器检测动图数据中是否携带图层渲染接口的属性信息；图像渲染装置在确定出动图数据中携带属性信息的情况下，通过图层渲染接口将动图数据传输至动图渲染模块。36.在本技术实施例中，属性信息可以为图层渲染接口的标识信息；属性信息也可以为图层渲染接口的名称信息；属性信息还可以为图层渲染接口的其他信息；具体的属性信息可以根据实际情况进行确定，本技术实施例对此不作限定。37.在本技术实施例中，图像渲染装置通过图层渲染接口将动图数据传输至动图渲染模块之前，图像渲染装置在接收到渲染触发器的触发指令的情况下，建立动图渲染模块。38.在本技术实施例中，如图2所示图像渲染装置中的模板编辑器(编辑器)包括：图层数据集、图层渲染数据集、上下文、渲染器、图层渲染适配器、视图容器、自定义的图层渲染器(图层渲染接口)和渲染触发器。模板编辑器在接收到模板数据(动图数据)的情况下，就利用图层渲染适配器检测动图数据中是否携带图层渲染接口的属性信息；图像渲染装置在确定出动图数据中携带属性信息的情况下，图像渲染装置就将动图数据分为图层数据集和图层渲染数据集，并通过图层渲染接口依次将动图数据中的每个图层对应的图层数据和图层渲染数据传输至动图渲染模块，以利用动图渲染模块分别对每个图层的数据进行渲染，从而得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。视图容器用于显示渲染数据；上下文用于存储模板编辑器对应的设置信息以及模板编辑器的数据环境；渲染器用于根据上下文中的设置信息或者数据环境对静态元素进行渲染；渲染触发器用于在接收触发指令的情况下，建立动图渲染模块。39.s102、利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性。40.在本技术实施例中，图像渲染装置通过图层渲染接口将动图数据传输至动图渲染模块之后，图像渲染装置就可以利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性。41.在本技术实施例中，预设帧信息可以为图像渲染装置中配置的帧信息；预设帧信息也可以为图像渲染装置接收到的其他设备传输的帧信息；具体的图像渲染装置获取到预设帧信息的方式可以根据实际情况进行确定，本技术实施例对此不作限定。42.需要说明的是，动效帧属性可以为标识动图数据中每一帧图像的动效属性；示例性的，动效帧属性为动图数据中每一帧图像对应的帧信息。43.在本技术实施例中，图像渲染装置利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性的过程，包括：图像渲染装置利用动图渲染模块根据预设帧信息在动图数据中获取目标过渡帧；图像渲染装置根据预设帧信息和预设帧信息确定动效帧属性。44.在本技术实施例中，图像渲染装置利用动图渲染模块根据预设帧信息在动图数据中获取目标过渡帧的过程，包括：图像渲染装置获取动图数据中的图层数据；并获取图层数据中的至少一个过渡帧；图像渲染装置在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。45.在本技术实施例中，图像渲染装置还包括帧选择器，图像渲染装置可以利用帧选择器在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。46.在本技术实施例中，图层数据中包括帧列表，帧列表中的每一项表示过渡帧，每一项包括起始帧、结束帧、起始帧属性和接收帧属性，示例性的，如表1所示：所属图层id为1的过渡帧为a对应的起始帧为1，结束帧为3，起始帧属性为opacity＝100，rotate＝0，结束帧属性为opacity＝50，rotate＝90；所属图层id为1的过渡帧为b对应的起始帧为2，结束帧为4，起始帧属性为scale＝1，结束帧属性为scale＝2；所属图层id为2的过渡帧为c也对应存在起始帧、结束帧、起始帧属性以及结束帧属性。47.表1[0048][0049]需要说明的是，帧选择器在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧的过程，可以为帧选择器查找图层数据中的至少一个过渡帧，以表2中图层id为1(对应的宽度为100，高度为100，坐标为100,100)及表1中图层1的帧列表的数据为例，在预设帧信息为2的情况下，与预设帧信息匹配的目标过渡帧的过渡帧为a和b。在预设帧信息为4的情况下，与预设帧信息匹配的目标过渡帧的过渡帧为a。[0050]表2[0051]图层id宽度高度坐标1100100100,1002………[0052]在本技术实施例中，图像渲染装置根据预设帧信息和预设帧信息确定动效帧属性的过程，包括：图像渲染装置从目标过渡帧中获取起始帧、起始帧的起始帧属性信息、结束帧和结束帧的结束帧属性信息；图像渲染装置确定预设帧信息在起始帧和结束帧之间的比例信息；图像渲染装置根据比例信息、起始帧属性信息和结束帧属性信息确定动效帧属性。[0053]示例性的，起始帧为1，结束帧为3，起始帧属性信息为透明度＝100,旋转角度＝0，结束帧属性信息为透明度＝50,结束角度＝90，在预设帧信息为2的情况下，则预设帧信息在起始帧和结束帧之间的比例信息为1:1，换算为比例系数可以为0.5，可得预设帧信息对应的透明度为0.5*(100+50)，即为75，预设帧信息对应的旋转度为0.5*(0+90)，即为45，则动效帧属性包括：透明度为75，旋转角度为45。[0054]在本技术实施例中，图像渲染装置也可以利用其他方式根据预设帧信息、起始帧、结束帧、起始帧属性信息和结束帧属性信息确定动效帧属性；具体的可以根据实际情况进行确定，本技术实施例对此不作限定。[0055]在本技术实施例中，动图渲染模块还包括动效计算器，图像渲染装置可以利用动图渲染模块中的动效计算器确定预设帧信息在起始帧和结束帧之间的比例信息；然后再利用动效计算器根据比例信息、起始帧属性信息和结束帧属性信息确定动效帧属性。[0056]在本技术实施例中，图像渲染装置利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性之前，图像渲染装置还会接收预设帧信息。[0057]在本技术实施例中，动图渲染模块中还包括帧控制器，图像渲染装置可以利用帧控制器接收预设帧信息。[0058]s103、将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。[0059]在本技术实施例中，图像渲染装置利用动图渲染模块根据预设帧信息确定动图数据对应的动效帧属性之后，图像渲染装置就可以将动效帧属性渲染至动图数据中，得到渲染数据，以根据动效帧属性从渲染数据中获取动图数据。[0060]在本技术实施例中，图像渲染装置将动效帧属性渲染至动图数据中，得到渲染数据的过程，包括：图像渲染装置对动图数据中的图层数据进行渲染，得到初始容器；图像渲染装置将动图数据中的图层渲染数据渲染至初始容器中，得到渲染容器；图像渲染装置将动效帧属性添加至渲染容器中，得到渲染数据。[0061]在本技术实施例中，动图渲染模块还包括动图渲染器，图像渲染装置可以利用动图渲染器对动图数据中的图层数据进行渲染，得到初始容器；然后再利用动图渲染器将动图数据中的图层渲染数据渲染至初始容器中，得到渲染容器；最后利用动图渲染器将动效帧属性添加至渲染容器中，得到渲染数据。[0062]在本技术实施例中，初始容器为指定宽高坐标的容器。[0063]需要说明的是，容器的样式会影响容器内容的样式，如容器的透明度为50％时，如果容器内容的透明度也为50％时，实际的效果为25％，该逻辑在图形渲染上比较常见，属于现有的基础功能，此处不做详细描述。[0064]在本技术实施例中，图像渲染装置将动效帧属性添加至渲染容器中，得到渲染数据之后，图像渲染装置就可以利用视图容器显示渲染数据。[0065]在本技术实施例中，图像渲染装置中的动图渲染模块如图3所示，图像渲染装置在检测到渲染触发器触发的情况下，图像渲染装置就生成动图渲染模块，动图渲染模块包括动图上下文(上下文)、帧控制器、动图渲染器、帧选择器、动效计算器五个组件。其中，动图上下文用于存储动图渲染模块的所需要的数据，包括预设帧信息和图层数据(从模板数据中得到的数据)；帧控制器用于接收外部传输的预设帧信息(帧数)后，将该预设帧信息存储至动图上下文中，随后触发渲染触发器。利用帧选择器获取动图上下文的图层数据，并取得图层数据中的帧列表(至少一个过渡帧)，列表中每一项表示过渡帧，每一项包含起始帧和结束帧，同时也包含多个起始帧属性信息及结束帧属性信息。帧选择器在获取帧列表后，同时获取动图上下文中的预设帧信息，在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。动效计算器用于接收目标过渡帧，并通过动图上下文的预设帧信息，确定出动效帧属性。动图渲染器用于接收图层渲染数据(从模板数据中得到的数据)及图层数据，动图渲染器将图层数据存储至动图上下文中，并执行帧选择器，利用帧选择器确定目标过渡帧，利用动效计算器根据目标过渡帧和动图上下文中的图层数据，得到动效帧属性。动图渲染器根据图层数据渲染出指定宽高/坐标的初始容器，并将图层渲染数据渲染到初始容器内，得到渲染容器，最后将动效帧属性设置到渲染容器中，得到渲染数据，并通过图层渲染接口(自定义图层渲染器)至模板编辑器(编辑器)，利用模板编辑器显示渲染数据。[0066]需要说明的是，帧控制器只负责在预设帧信息发生改变后进行触发。[0067]示例性的，无动图渲染的情况下表2渲染的结果如图4所示：在坐标100,100位置处显示宽度为100高度、为100的图像，在添加动图渲染后以表1中a，b过渡帧的数据为例，其中第2帧渲染数据如图5所示：显示透明度为75、旋转角度为45的图像，第3帧渲染数据如图6所示：显示透明度＝50、旋转角度＝90、缩放1.5倍的图像。[0068]在本技术实施例中，如图7所示，图像渲染装置在调用侧设置模板数据，创建模板编辑器，该模板编辑器中包括渲染触发器，图像渲染装置在接收到渲染触发器的触发指令的情况下，建立动图渲染模块。在调用侧设置模板编辑器的图层渲染接口(自定义渲染器)。图像渲染装置利用帧控制器接收预设帧信息(帧数)，将该预设帧信息设置到动图上下文(上下文)中，然后渲染触发器就被触发，渲染触发器通知模板编辑器进行渲染(通知编辑器渲染)，模板编辑器在接收到动图数据的情况下，利用图层渲染适配器检测动图数据中是否携带图层渲染接口的属性信息；在确定出动图数据中携带属性信息的情况下，通过图层渲染接口(调用)将动图数据传输至动图渲染模块的动图渲染器；动图渲染器将动图数据中的图层数据设置到上下文中，帧选择器从上下文中获取动图数据中的图层数据；并获取图层数据中的至少一个过渡帧(获取过渡帧)；在至少一个过渡帧中获取与预设帧信息匹配的目标过渡帧。动效计算器用于接收目标过渡帧，从目标过渡帧中获取起始帧、起始帧的起始帧属性信息、结束帧和结束帧的结束帧属性信息；确定预设帧信息在起始帧和结束帧之间的比例信息；根据比例信息、起始帧属性信息和结束帧属性信息确定动效帧属性；根据动图数据中的图层数据渲染出初始容器；将动图数据中的图层渲染数据渲染至初始容器中，得到渲染容器；将动效帧属性添加至渲染容器中，得到目标容器，返回目标容器(渲染内容)至模板编辑器，以根据目标容器确定对应关系，根据对应关系获取动图数据。[0069]可以理解的是，图像渲染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。[0070]基于实施例一同一发明构思，本技术实施例提供了一种图像渲染装置1，对应于一种图像渲染方法；图8为本技术实施例提供的一种图像渲染装置的组成结构示意图一，该图像渲染装置1可以包括：[0071]传输单元11，用于在接收到动图数据的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块；[0072]确定单元12，用于利用所述动图渲染模块根据预设帧信息确定所述动图数据对应的动效帧属性；[0073]渲染单元13，用于将所述动效帧属性渲染至所述动图数据中，得到渲染数据，以根据所述动效帧属性从所述渲染数据中获取所述动图数据。[0074]在本技术的一些实施例中，所述装置还包括获取单元；[0075]所述获取单元，用于利用所述动图渲染模块根据所述预设帧信息在所述动图数据中获取目标过渡帧；[0076]所述确定单元12，用于根据所述预设帧信息和所述预设帧信息确定所述动效帧属性。[0077]在本技术的一些实施例中，所述获取单元，用于从所述目标过渡帧中获取起始帧、所述起始帧的起始帧属性信息、结束帧和所述结束帧的结束帧属性信息；[0078]所述确定单元12，用于确定所述预设帧信息在所述起始帧和所述结束帧之间的比例信息；根据所述比例信息、所述起始帧属性信息和所述结束帧属性信息确定所述所述动效帧属性。[0079]在本技术的一些实施例中，所述获取单元，用于获取所述动图数据中的图层数据；并获取所述图层数据中的至少一个过渡帧；在所述至少一个过渡帧中获取与所述预设帧信息匹配的目标过渡帧。[0080]在本技术的一些实施例中，所述装置还包括接收单元；[0081]所述接收单元，用于接收预设帧信息。[0082]在本技术的一些实施例中，所述装置还包括添加单元；[0083]所述渲染单元13，用于对所述动图数据中的图层数据进行渲染，得到初始容器；将所述动图数据中的图层渲染数据渲染至所述初始容器中，得到渲染容器；[0084]所述添加单元，用于将所述动效帧属性添加至所述渲染容器中，得到所述渲染数据。[0085]在本技术的一些实施例中，所述装置还包括显示单元；[0086]所述显示单元，用于利用视图容器显示所述渲染数据。[0087]在本技术的一些实施例中，所述装置还包括检测单元；[0088]所述检测单元，用于利用图层渲染适配器检测所述动图数据中是否携带图层渲染接口的属性信息；[0089]所述传输单元11，用于在确定出所述动图数据中携带所述属性信息的情况下，通过图层渲染接口将所述动图数据传输至动图渲染模块。[0090]在本技术的一些实施例中，所述装置还包括建立单元；[0091]所述建立单元，用于在接收到渲染触发器的触发指令的情况下，建立所述动图渲染模块。[0092]需要说明的是，在实际应用中，上述传输单元11、确定单元12和渲染单元13可由图像渲染装置1上的处理器14实现，具体为cpu(centralprocessingunit，中央处理器)、mpu(microprocessorunit，微处理器)、dsp(digitalsignalprocessing，数字信号处理器)或现场可编程门阵列(fpga，fieldprogrammablegatearray)等实现；上述数据存储可由图像渲染装置1上的存储器15实现。[0093]本技术实施例还提供了一种图像渲染装置1，如图9所示，所述图像渲染装置1包括：处理器14、存储器15和通信总线16，所述存储器15通过所述通信总线16与所述处理器14进行通信，所述存储器15存储所述处理器14可执行的程序，当所述程序被执行时，通过所述处理器14执行如上述所述的图像渲染方法。[0094]在实际应用中，上述存储器15可以是易失性存储器(volatilememory)，例如随机存取存储器(random-accessmemory，ram)；或者非易失性存储器(non-volatilememory)，例如只读存储器(read-onlymemory，rom)，快闪存储器(flashmemory)，硬盘(harddiskdrive，hdd)或固态硬盘(solid-statedrive，ssd)；或者上述种类的存储器的组合，并向处理器14提供指令和数据。[0095]本技术实施例提供了一种计算机可读存储介质，其上有计算机程序，所述程序被处理器14执行时实现如上述所述的图像渲染方法。[0096]可以理解的是，图像渲染装置利用动图渲染模块确定出动图数据对应的动效帧属性，并将动效帧属性渲染至动图数据中，得到渲染数据，使得动图数据中的每一帧数据都对应存在不同的动效帧属性，动图渲染装置可以根据动效帧属性从模板编辑器中获取到对应的动图数据，提高了利用模板编辑器获取动图数据时的智能性。[0097]本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。[0098]本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。[0099]这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。[0100]这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。[0101]以上所述，仅为本技术的较佳实施例而已，并非用于限定本技术的保护范围。当前第1页12当前第1页12