动画镜头处理的方法、系统、设备和介质技术方案

本发明专利技术公开了一种动画镜头处理的方法、系统、设备和介质，动画镜头处理的方法通过获取动画中的帧图像的目标元素；结合transform属性，对所述目标元素配置动画animation属性和动画规则；根据所述动画animation属性和所述动画规则对所述目标元素进行平移和/或缩放。本发明专利技术使得动画规则设置更加的丰富，进而提高动画的效果和质量。

【技术实现步骤摘要】
动画镜头处理的方法、系统、设备和介质
本申请涉及计算机应用领域，具体而言，本申请涉及一种动画镜头处理的方法、系统、设备和介质。
技术介绍
随着前端技术在网页web(全球广域网)开发中日益重要，前端开发人员在项目中使用动画的占比越来越大，越来越多的炫酷动画需要在移动端设备中被展示出来。在移动端视频场景中，经常需要实现镜头PanningShot(平移)和缩放的效果。现有技术一般直接采用transform(视频过滤器)来实现镜头PanningShot(平移)和缩放的效果，但是该方法动画镜头效果设置单一的问题，从而影响动画的效果和质量。
技术实现思路
本专利技术要解决的技术问题是为了克服现有技术中在对动画实现镜头PanningShot(平移)和缩放的效果时，对动画镜头效果设置单一的问题的缺陷，提供一种动画镜头处理的方法、系统、设备和介质。本专利技术是通过下述技术方案来解决上述技术问题：本专利技术提供一种动画镜头处理的方法，所述方法包括：获取动画中的帧图像的目标元素；结合transform属性，对所述目本文档来自技高网...

【技术保护点】
1.一种动画镜头处理的方法，其特征在于，所述方法包括：/n获取动画中的帧图像的目标元素；/n结合transform属性，对所述目标元素配置动画animation属性和动画规则；/n根据所述动画animation属性和所述动画规则对所述目标元素进行平移和/或缩放。/n

【技术特征摘要】
1.一种动画镜头处理的方法，其特征在于，所述方法包括：
获取动画中的帧图像的目标元素；
结合transform属性，对所述目标元素配置动画animation属性和动画规则；
根据所述动画animation属性和所述动画规则对所述目标元素进行平移和/或缩放。


2.如权利要求1所述的动画镜头处理的方法，其特征在于，所述对所述目标元素配置动画animation属性包括对所述目标元素配置动画animation-duration属性和animation-timing-function属性。


3.如权利要求1所述的动画镜头处理的方法，其特征在于，所述获取动画中的帧图像的目标元素的步骤包括：
创建HTML网页；
在所述HTML网页的主体中添加图像作为所述帧图像；所述图像为采用img进行定义的图像；
获取所述图像的目标元素。


4.如权利要求1所述的动画镜头处理的方法，其特征在于，对所述目标元素配置动画规则的步骤包括：
构建@keyframesam函数；
基于所述@keyframesam函数，采用transform:scale(x，y)和transform-origin：center作为所述@keyframesam函数的变量，以将transform属性和动画规则结合。


5.一种动画镜头处理的系统，其特征在于，所述系统包括：
获取模块，用于获取动画中的帧图像的目标元素；
配置模块，用于结合transform属性，对所述目标元素配置动画animation属性和动画规则；<...

【专利技术属性】
技术研发人员：黄君，
申请(专利权)人：携程科技上海有限公司，
类型：发明
国别省市：上海;31