小程序canvas不显示(小程序canvas中文字设置居中锚点)
类别:Web前端 浏览量:1686
时间:2021-09-30 00:30:14 小程序canvas不显示
小程序canvas中文字设置居中锚点 小程序中经常会遇到要生成图片的需求,图片一般会加上用户的头像和昵称之类的,头像只需要把腾讯域名添加到request和download列表中,使用wx.getImageInfo()
就可以缓存到本地,成功的回调再添加进canvas中生成图片。
如果要文字在某个位置居中,canvas中文字怎么根据文字长短不一实现锚点在文字中心位置呢?
var txtWidth=canvas.measureText(this.nickName).width
能获取到在canvas中文字的宽度,找到文字的居中x位置减去txtWidth/2就可以实现居中,如果参数是number类型转换为字符串类型,否则在部分iOS机型上无效,不能获取文字宽度。
总结
以上所述是小编给大家介绍的小程序canvas中文字设置居中锚点 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣
- php关注公众号发送消息(php实现QQ小程序发送模板消息功能)
- html5带图标下拉菜单(html5小程序飞入购物车抛物线绘制运动轨迹点)
- 怎么编写计算小程序(微信小程序实现简易计算器)
- 微信小程序scrollview 截图(微信小程序scroll-view不能左右滑动问题的解决方法)
- dedecms织梦小程序插件(批量删除织梦dedecms文档搜索关键词的方法)
- 微信小程序canvas 动画(微信小程序使用canvas绘制钟表)
- 微信小程序映射设置(微信小程序虚拟列表的实现示例)
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- 微信小程序如何请求服务器数据(微信小程序学习笔记之页面配置与路由方式)
- 微信小程序开发简单计算器(小程序实现计算器功能)
- 微信小程序单选框组件(微信小程序picker多列选择器mode = multiSelector)
- 微信小程序接口返回数据怎么弄(微信小程序页面返回传值的4种解决方案汇总)
- 小程序数字化怎么布局(用position:sticky完美解决小程序吸顶问题的实现方法)
- 微信小程序贪吃蛇大作战(微信小程序实现贪吃蛇游戏)
- pythondjango后台管理(基于腾讯云服务器部署微信小程序后台服务Python+Django)
- 微信小程序css使用技巧(微信小程序 CSS filter滤镜的使用示例详解)
- 不可分鸽是什么梗(不可分鸽是什么梗)
- 古代的鸽子是爱情的象征,并非和平的使者(古代的鸽子是爱情的象征)
- 一课译词 放鸽子(一课译词放鸽子)
- 终于来了,淘宝更改账户名测试中,快去看看你能不能修改(淘宝更改账户名测试中)
- 淘宝支持账号名修改,网友 终于可以 重新做人 了(淘宝支持账号名修改)
- 盘点那些年让人称奇的年终奖 最后一个赢辣条毫无悬念(盘点那些年让人称奇的年终奖)
热门推荐
- sqlserver分页查询sql语句(sql server实现分页的方法实例分析)
- python ssh登录服务器(python利用跳板机ssh远程连接redis的方法)
- ILSpy反编译工具的使用
- canvas绘制渐变图形(Canvas实现放大镜效果完整案例分析附代码)
- 织梦标签在哪里设置(织梦dedecms gbk站点转utf8之mip改造方案分享)
- netcoredocker视频教程(Docker安装部署Net Core实现过程解析)
- 结构、枚举和数组的区别
- ashx 文件怎么用
- $(function(){ }) 与window.onload的区别
- mysql连接数与缓存(Mysql连接数设置和获取的方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9