svg 有办法实现这种动画吗

Question

如图这种，因为是弧线，所以想用svg方式。
但是因为光线是有渐变的，想问下这个有办法用svg实现吗。

Answer 1

svg路径动画.
请看张鑫旭这篇博文

任意元素路径动画参考这篇

Answer 2

如静止的图片

如带有展开效果的圆环

还有这样的

以上几种效果都是用svg代码实现的，你想要的效果应该也是可以实现的吧，就是得经过一番对svg的了解学习才能实现。个人想法，了解一些基本的svg原理和方法就行，了解很深入工作用到少时间久忘记了，投入产出不成比例，这些效果基本是用js和一些DOM操作实现的，只要js过关，想法正确svg应该是条行的通的路。