如何用JavaScript canvas制作环形渐变进度条？

本文共计933个文字，预计阅读时间需要4分钟。

最近有个需求要做环形渐变进度条，网上找了半天没找到合适的，大部分渐变色条都是径向渐变的。所以自己用canvas写了个环形渐变的图：这个渐变其实就是将圆形分成许多小块分别绘制。

最近有个需求要做环形渐变色进度条，去网上找了半天没找到合适的，大多数渐变色都是径向渐变，所以自己用canvas写了个环形渐变的图：

这个渐变其实就是把圆环分成许多小块分别绘制的，所以小块分的越多，渐变色越均匀，但是当圆环尺寸比较小的时候，边缘特别毛糙，需要适当减少份数，代码里是用unit 这个变量手动控制的，算是一个缺陷吧。