資料展示，一直是各行各業樂此不疲的需求，具體到前端開發行業，則是各種各種圖表資料展示，各種**資料展示，煩不勝煩（繁不勝繁）！
前幾天剛做了折線圖、柱狀圖、餅狀圖之類的圖表資料展示效果，今天又碰到了類似圓環進度條的展示效果。天天跟資料打交道，天天跟介面打交道，專案做了不少，菜逼還是菜逼，都是淚啊！
其實說白了，是自己對canvas不熟，對css3不熟，所以就找了乙個現成的輪子：
}%
**中有乙個防抖動的函式，這裡就貼一下這個函式：
function debounce(func, wait, immediate) else
}}
vue-circleprogressbar，之所以沒有在專案中直接安裝並使用這個外掛程式，是因為這個外掛程式有點不太符合我們開發的需求，比如這個外掛程式不能設定圓環的寬度，不能設定文字的顏色，不能設定文字的大小，再比如這個外掛程式僅僅為了防抖而依賴了lodash（這個lodash的體積還是很大的）。
至於這個元件在react中的使用，按照react的生命週期，或者react hooks的語法，或者dva模式的語法，稍微改巴改巴就可以使用了，很簡單，就不再展開了。
Unity圓環進度條製作
最近有個在unity中製作圓環進度條的需求，並在圓中顯示進度數值，類似於圖1 圖1.圓環進度條 平時製作直線的進度條比較多，突然要求做個圓環的有些不適應。不過，這個需求google一下其實大量的解答就出來，關鍵字 unity circle progress bar 於是我採用了 unity5 rad...
clip實現圓環進度條
怎麼實現這樣乙個圓環進度條的效果呢，可以使用canvas svg gif等等方式，今天我們來說下使用css3怎麼來實現。圓環很簡單，一行cssborder radius 50 即可實現，而且沒有相容性問題，什麼，你說ie，讓它滾.我們這裡需要三個圓環，乙個整的，兩個半的。大概畫了下圖 這裡半圓環我使...
clip實現圓環進度條
怎麼實現這樣乙個圓環進度條的效果呢，可以使用canvas svg gif等等方式，今天我們來說下使用css3怎麼來實現。圓環很簡單，一行cssborder radius 50 即可實現，而且沒有相容性問題，什麼，你說ie，讓它滾.我們這裡需要三個圓環，乙個整的，兩個半的。大概畫了下圖 這裡半圓環我使...