H5動畫，canvas繪製圓環百分比進度的動態效果

1.效果圖 2.原理 第一步繪製一個整圓顏色自定義，第二部繪製一個內圓，其半徑要小於外圓顏色自定 最後一步按照百分比繪製第三個圓，顏色自定。 要實現動態繪製第三步的效果，只要添加一個定時器的功能，每隔一段時間繪製一段距離，設定一個閥值 當大於這個閥值得時候就清空這個定時器，這個閥值其實就是要顯示的百分比值。每次繪製0.01. 注意：在定時器內繪製時，要把第二步繪製內圓，空白圓也在定時器中繪製。ja

>>阅读原文<<