小程序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中文字设置居中锚点 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣
- 微信小程序开发简单计算器(小程序实现计算器功能)
- 微信小程序计数器代码(微信小程序实现计算器案例)
- 小程序开发计算方法(小程序实现简单的计算器)
- 小程序实现购物车功能前后端代码(小程序实现购物车完整版)
- 小程序可滑动弧形进度条(小程序实现文字循环滚动动画)
- wx小程序请求封装(小程序wx.getUserProfile接口的具体使用)
- 微信小程序转盘动画效果(微信小程序实现摇筛子效果)
- 怎么编写计算小程序(微信小程序实现简易计算器)
- pythondjango后台管理(基于腾讯云服务器部署微信小程序后台服务Python+Django)
- django实现登录注册(django与小程序实现登录验证功能的示例代码)
- 微信小程序中的代码怎么编辑(微信小程序新手入门之自定义组件的使用)
- 微信小程序静态页面详情(微信小程序基础教程之echart的使用)
- 微信小程序开发如何实现自动保存(微信小程序开发实用技巧之数据传递和存储)
- 微信小程序开发模式(微信小程序引入Vant框架的全过程记录)
- css浮动小例子教程(使用css transition属性实现一个带动画显隐的微信小程序部件)
- php开发微信小程序后台步骤流程(基于PHP实现微信小程序客服消息功能)
- 8月23日11时16分将迎处暑,逐渐进入气象意义上的秋天(8月23日11时16分将迎处暑)
- 花不语 下 如果重来一次的话,你还会这么选择吗(花不语下如果重来一次的话)
- 城市记忆之上海 最难忘的是老弄堂里的市井味道(城市记忆之上海)
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
- 节日我在岗|警景相融 平安相伴(节日我在岗警景相融)
热门推荐
- python彩色字符视频代码(python将视频转换为全字符视频)
- pandas 比较两个表数据是否相同(浅谈pandas筛选出表中满足另一个表所有条件的数据方法)
- js实现div(javascript拖曳互换div的位置实现示例)
- 阿里云ecs部门怎么样(阿里云ecs是什么意思?)
- 云主机和虚拟主机的区别(云主机有哪些虚拟化技术?)
- iframe怎么设置域名(iframe与window.onload如何使用详解)
- 如何解决AJAX 的缓存
- 安装vmware总是没有虚拟网卡(关于VMware安装完后没有虚拟网卡的问题)
- SQL SERVER中调用存储过程
- python抓取天气数据(Python实战之制作天气查询软件)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9