JavaScript canvas实现环形渐变进度条

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

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

代码在此：

生成渐变色的代码是网上找的，由于那个代码好多地方都能找到，也弄不清谁是原创，这里就不贴地址了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。