用到了chart.js
做了一个圆环,需要在圆环中间显示数字,canvas是有一个drawText方法,但以前用过文字会模糊
所以用css将文字显示到canvas上并显示在中间
css代码:
.big-data-process p{text-align:center;position:relative;}
.big-data-process p .chart-span{display:inline-block;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);left:50%;transform:translate(-50%,-50%);}
加上-webkit-transform是为了兼容微信。