这不最近我司的设计师又给笔者整活了，在数据大屏页面的中间位置，做了一个效果图，不过需要做一个箭头沿着路径实现拐弯的动画效果；这可咋整呢，本文就结合CSS3的特性和svg，看一下实现的思路。

本文带大家认识 Lottie 如何设计和实现高性能动画效果，解决在日常开发中动画效果的性能差、实现难的困境。

本文主要介绍 Lottie 动画方案、使用方法、与 Gif 动画的性能测试对比，以及在飞书中的应用和注意事项。

SVG是一种矢量图格式，是 Scalable Vector Graphics 三个单词的首字母缩写。当你需要开发web动画时，这里可以给你提供一个清晰的思路。