网页动画自动生成方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114385270A(43)申请公布日2022.04.22(21)申请号202210059408.0(22)申请日2022.01.19(71)申请人平安付科技服务有限公司地址518000广东省深圳市福田区福田街道福华路319号兆邦基金融大厦26层2605单元(72)发明人解洁(74)专利代理机构深圳中一联合知识产权代理有限公司44414代理人李木燕(51)Int.Cl.G06F9/445(2018.01)G06F16/958(2019.01)G06T13/00(2011.01)权利要求书2页说明书11页附图5页(54)发明名称网页动画自动生成方法、装置、设备及存储介质(57)摘要本申请适用于人工智能技术领域，提供一种网页动画自动生成方法、装置、设备及存储介质，其方法包括：调用动画描述集合页面，识别用户在动画描述集合页面上选取的效果组件，从外部动画库中获取与选取的效果组件对应关联的动画代码资源；调用动画生成插件，根据动画代码资源配置动画生成插件内置的配置文件，以在动画生成插件中生成对应的动画效果代码文件；将动画代码资源和动画效果代码文件加载至网页浏览器中，并运行动画效果代码文件，以在网页浏览器中展示动画效果代码文件对应的动画效果。基于该方法，可以减少对第三方库或者插件的依赖、实现定制化的动画效果或布局样式、提升页面加载和渲染速度，从而提高页面开发效率和开发速度。CN114385270ACN114385270A权利要求书1/2页1.一种网页动画自动生成方法，其特征在于，包括：调用动画描述集合页面，识别用户在所述动画描述集合页面上选取的效果组件，从外部动画库中获取与所述选取的效果组件对应关联的动画代码资源；调用动画生成插件，根据所述动画代码资源配置所述动画生成插件内置的配置文件，以在所述动画生成插件中生成对应的动画效果代码文件；将所述动画代码资源和所述动画效果代码文件加载至网页浏览器中，并运行所述动画效果代码文件，以在所述网页浏览器中展示所述动画效果代码文件对应的动画效果。2.根据权利要求1所述的网页动画自动生成方法，其特征在于，所述动画生成插件内置的配置文件中包含有插件描述属性和插件背景属性，所述调用动画生成插件，根据所述动画代码资源配置所述动画生成插件内置的配置文件，以在所述动画生成插件中生成对应的动画效果代码文件的步骤，包括：基于所述插件描述属性，触发所述动画生成插件根据所述动画代码资源生成对应的动画效果代码文件；基于所述插件背景属性，确定所述动画生成插件生成的动画效果代码文件对应在网页浏览器中的作用位置。3.根据权利要求1所述的网页动画自动生成方法，其特征在于，所述调用动画描述集合页面，识别用户在所述动画描述集合页面上选取的效果组件，从外部动画库中获取与所述选取的效果组件对应关联的动画代码资源的步骤，包括：对所述动画描述集合页面中进行监听，识别用户是否在所述动画描述集合页面上执行点击操作；若有，则获取所述点击操作在所述动画描述集合页面中的第一位置信息，并将所述第一位置信息与所述动画描述集合页面中各效果组件各自对应的位置范围信息进行比对，确定与所述点击操作对应匹配的目标效果组件；根据所述目标效果组件，从所述外部动画库中获取与所述目标效果组件对应关联的动画代码资源。4.根据权利要求3所述的网页动画自动生成方法，其特征在于，所述获取所述点击操作在所述动画描述集合页面中的第一位置信息，并将所述第一位置信息与所述动画描述集合页面中各效果组件各自对应的位置范围信息进行比对，确定与所述点击操作对应匹配的目标效果组件的步骤之前，还包括：在所述动画描述集合页面上建立平面坐标系，根据所述平面坐标系设置所述动画描述集合页面中各效果组件各自对应的位置范围信息，所述位置范围信息包括所述效果组件在所述动画描述集合页面中呈现的形状的边所对应的坐标点集合。5.根据权利要求4所述的网页动画自动生成方法，其特征在于，所述获取所述点击操作在所述动画描述集合页面中的第一位置信息，并将所述第一位置信息与所述动画描述集合页面中各效果组件各自对应的位置范围信息进行比对，确定与所述点击操作对应匹配的目标效果组件的步骤，包括：基于所述平面坐标系，对所述点击操作进行坐标定位处理，获取所述点击操作在所述动画描述集合页面中的点击坐标点；针对所述动画描述集合页面中的任一效果组件，从所述效果组件对应的坐标点集合中2CN114385270A权利要求书2/2页获取与所述点击坐标点横坐标相同的两个坐标点的纵坐标数值，其中，所述两个坐标点分别为与点击坐标点横坐标相同的坐标点中纵坐标数值最大的坐标点和纵坐标数值最小的坐标点；将所述点击坐标点的纵坐标数值与所述两个坐标点的纵坐标数值进行比较，判断所述点击坐标点的纵坐标数