
svg能否实现真正的环形渐变?
使用svg实现的环形进度条通常无法实现完全的环形渐变,本质上还是水平渐变。当环形度数超过250度时,将会体现出水平渐变。
关键代码示例:
是否可以通过svg实现环形渐变?
目前svg仅支持线性渐变和径向渐变。无法实现与css中conic-gradient一样的环形渐变。
解决方法
可以使用clippath和foreignobject配合css实现环形渐变,具体方法可以参考:
my struggle to use and animate a conic gradient in svg










