css图片上文字居中,兼容微信

用到了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是为了兼容微信。

你可能感兴趣的:(css,图片,微信)