使用径向渐变产生毛边/锯齿

背景

使用径向渐变画一个圆环
想要的效果大致如下

问题

出现明显的锯齿。

background: radial-gradient(circle at center, blue 35%, white 35.1%);

解决方法

原因和原理别人已经说过，我水平不及人家，不必多说。
https://juejin.cn/post/7159014741783166983

background: radial-gradient(circle at center, blue 35%, white 40%);

试了一下，大概有个5%就能消除锯齿，这是对于小的图形来说的，因此这个探究出来的百分比没什么用。
因此我计算了一下，24px*5%，1.2px，我们取整使用1px即可。

background: radial-gradient(circle at center, blue 35%, white calc(35% + 1px));

效果如下图。如果觉得锯齿还是明显就继续增加范围。我觉得1px够用了。