如图,想用svg做一个这样的圆环进度条,进度条上还得有一个光斑。
现在只能做到环形进度,但不知道如何把光斑加上。。。
光斑应该是图片吧,可以采用svg
的image
标签,不知道你的圆环是怎么做的,一般就是获取到path
的对应距离getPointAtLength
获取到x
,y
,然后减去圆环一半的宽度,定义到image
就可以了吧。
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
5 回答2.2k 阅读
3 回答1.6k 阅读✓ 已解决
3 回答2.7k 阅读✓ 已解决
5 回答742 阅读
4 回答2.2k 阅读✓ 已解决
光斑单切一张图,然后跟svg定位好,调好动画时间,看起来就是一样的了