基于JavaScript的电池图标批量下载

1.基本目标

这是一个96%电量的电池图标，现需要 0%，10%，13%，15%，19%，21%，50%的电量图标，且电量会因大小不同有颜色变化，0%-10%红色，10%-50%黄色，50%以上绿色。

2.实现

实现了一个电量均匀递增的网页动画，且按空格可以暂停，方便截图。

3.进阶目标

现有100组电池数据，且需要保证截图的大小一致

思路：为保证截图一致，肯定不能使用手动截图，且100组数据，排序后也需要反复暂停100次，故采用自动下载的方式

把代码保存到1.html，将所需的电池电量数据存放到arr数组中，保存文件后双击运行后即可实现批量下载。批量下载需要额外的html2canvas.js

代码下载链接