圓形進度條-圖片方式(旋轉&剪裁)

該實現效果有別於之前的一篇文章,之前的文章沒有對圖片進行旋轉,這次的圖片比較特殊,需要旋轉圖片完成掃盤效果。   這裏重點說明兩個: 1、路徑剪裁扇形區域的0°是水平的,可順時針也可逆時針 2、漸變圖片(下面第二張圖)不是完整漸變的,要把漸變終點移動到Ready的位置,需要知道移動的角度,在代碼裏面是offsetAngle變量   先上圖片:   效果如下: 該效果從Ready 到4之間漸變圖片未
相關文章
相關標籤/搜索