這是一個仿支付寶芝麻信用分的一個canvas,其實就是一個動畫儀表盤。
首先, 上原圖:
這個是在下支付寶上的截圖,分低各位見笑了。然后看下我用canvas實現(xiàn)的效果圖:
<canvas id="canvas" width="400" height="700" data-score='724'></canvas> <!-- 設置data-score,分數(shù)區(qū)間[400, 900] -->
這是一個仿支付寶芝麻信用分的一個canvas,其實就是一個動畫儀表盤。
首先, 上原圖:
這個是在下支付寶上的截圖,分低各位見笑了。然后看下我用canvas實現(xiàn)的效果圖:
<canvas id="canvas" width="400" height="700" data-score='724'></canvas> <!-- 設置data-score,分數(shù)區(qū)間[400, 900] -->