css图片上文字居中,兼容微信
2015-08-26 17:47
591 查看
用到了chart.js
做了一个圆环,需要在圆环中间显示数字,canvas是有一个drawText方法,但以前用过文字会模糊
所以用css将文字显示到canvas上并显示在中间
css代码:
加上-webkit-transform是为了兼容微信。
做了一个圆环,需要在圆环中间显示数字,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是为了兼容微信。
相关文章推荐
- 以前写的抽奖小程序,备忘下以备不时之需。
- 微信调试
- android 微信支付接口申请分享
- 微信分享功能
- 原来微信支付可以这么简单!手把手搭建支付demo
- 黄波老师微信公众号“每天一点”正式开通啦
- Android 仿微信联系人Demo
- 微信公众平台开发【接收消息】接收普通消息
- 微信公众平台开发【接收消息】接收普通消息
- 微信分享代码
- 微信公众平台开发之配置与请求
- 微信公众平台开发Token验证失败(有时URL超时)--解决方案
- 使用Core Graphics绘画一个山寨微信icon
- 仿微信朋友圈双击顶部回到最前端(GestureDetector.OnDoubleTapListener)
- C#开发微信公众平台-就这么简单
- php微信开发 (获取用户地理位置)
- 安卓命令写入图片,微信相册中拿不到
- PHP实用小程序(七)
- PHP实用小程序(六)
- PHP实用小程序(五)