【技术实现步骤摘要】
本申请涉及计算机应用领域，具体涉及一种svg动画池封装方法、装置、设备及存储介质。
技术介绍
1、svg(scalable vector graphics，可缩放矢量图形)提供了丰富的动画效果，可应用于各类场景，比如数据可视化、html(超文本标记语言)交互提示等。但目前每组svg动画一般都处于独立使用状态，即使相同的动画效果，也要重复创建多个dom(document objectmodel，文档对象模型)标签。创建多个dom标签便意味着html本身的大小会变大，从而影响页面载入的速度，以及网络下载量。当应用于数据可视化大屏这种多动效且相同动效大量重复的情况时，就需要大量的载入时间，增加用户的等待时间从而影响用户的使用体验。
技术实现思路
1、本申请提供一种svg动画池封装方法、装置、设备及存储介质，能够有效保证用户的使用体验。
2、第一方面，本申请实施例提供一种svg动画池封装方法，所述svg动画池封装方法包括：
3、创建anipools动画池组件，并在创建的an...
【技术保护点】
1.一种SVG动画池封装方法，其特征在于，所述SVG动画池封装方法包括：
2.如权利要求1所述的一种SVG动画池封装方法，其特征在于，所述创建aniPools动画池组件，并在创建的aniPools动画池组件内编写defs部分，进行动画效果和DOM节点的编辑，具体为：
3.如权利要求2所述的一种SVG动画池封装方法，其特征在于：对于defs部分中编辑的动画效果，由Vue组件的props传入的对象控制生成，且动画效果生成的DOM节点通过v-model暴露动画效果ID。
4.如权利要求1所述的一种SVG动画池封装方法，其特征在于，所述进行...
【技术特征摘要】
1.一种svg动画池封装方法，其特征在于，所述svg动画池封装方法包括：
2.如权利要求1所述的一种svg动画池封装方法，其特征在于，所述创建anipools动画池组件，并在创建的anipools动画池组件内编写defs部分，进行动画效果和dom节点的编辑，具体为：
3.如权利要求2所述的一种svg动画池封装方法，其特征在于：对于defs部分中编辑的动画效果，由vue组件的props传入的对象控制生成，且动画效果生成的dom节点通过v-model暴露动画效果id。
4.如权利要求1所述的一种svg动画池封装方法，其特征在于，所述进行动画生成时判定相同动画效果是否已存在于html中，基于判定结果在html中进行公共的svg标签的插入并抛出动画效果id，具体为：
5.如权利要求4所述的一种svg动画池封装方法，其特征在于，所述将anipools动画池组件引入需要动画效果的svg标签内，并当动画开启时通过抛出的动画效果id，赋予用于呈现动画的svg节点上，具体为：
6.如权利要求5所述的一种sv...
【专利技术属性】
技术研发人员：魏聪，
申请(专利权)人：武汉噢易云计算股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。