用svg寫個圓環loading動畫

今天來學習下用svg畫個圓環進度條，效果模仿QQ登錄時候的loading 通過觀察可以發現，這個進度條大部分是實線，最後一小段是個逐漸消失的線段。所以，我們可以把這個進度條分成兩個path實現，消失那段用漸變效果。 我們的圓環畫在一個200x200的座標系內（因爲要加上線條2px寬度，所以是204，剛畫的時候可以把寬度設置大一點，容易觀察些），圓的半徑爲100，用transform="transl

>>阅读原文<<