申请/专利权人: | 申请日:2020-09-22 |
发明/设计人:薛松佑 | 公开(公告)日:2025-03-11 |
代理机构:北京太合九思知识产权代理有限公司 | 公开(公告)号:CN112288837B |
代理人:张爱;刘戈 | 主分类号:G06T13/00 |
地址:410005 湖南省长沙市长沙高新开发区尖山路39号长沙中电软件园17栋401室 | 分类号:G06T13/00;G06T1/20 |
专利状态码:有效-授权 | 优先权: |
法律状态:2025.03.11#授权 2021.02.23#实质审查的生效 2021.01.29#公开 |
摘要:本申请实施例提供一种SVG路径动画播放方法、装置及存储介质。在本申请实施例中,通过获取待播放SVG路径动画对应的动画效果信息和JS代码;根据动画效果信息中的动画循环次数,判断JS代码中是否存在需要转换为CSS代码的目标JS代码片段;若判断出JS代码中存在目标JS代码片段,则获取待播放SVG路径动画对应的路径数据,结合路径数据将目标JS代码片段转换为CSS代码,并利用GPU资源运行CSS代码以播放SVG路径动画。由此,利用GPU资源播放SVG路径动画中需要循环多次播放的动画部分,通过GPU资源的分担,降低了播放SVG路径动画时对CPU资源的频繁占用,极大地减少了SVG路径动画播放时卡顿现象的发生,即使是路径复杂、动画效果复杂的SVG路径动画也能达到很好的播放效果。 |
主权项:1.一种SVG路径动画播放方法,其特征在于,包括:/n获取待播放SVG路径动画对应的动画效果信息和JS代码;/n根据所述动画效果信息中的动画循环次数,判断所述JS代码中是否存在需要转换为CSS代码的目标JS代码片段;/n若判断出所述JS代码中存在目标JS代码片段,则获取待播放SVG路径动画对应的路径数据,结合所述路径数据将所述目标JS代码片段转换为CSS代码,并利用GPU资源运行所述CSS代码以播放所述SVG路径动画;/n在运行CSS代码过程中,跟踪所述SVG路径动画的实际动画播放效果;/n根据所述实际动画播放效果和所述SVG路径动画的期望动画播放效果,判断所述SVG路径动画在播放过程中是否出现播放失败;/n若出现播放失败,则终止对所述CSS代码的运行,并利用CPU资源运行所述JS代码以重新播放所述SVG路径动画。/n |