小程序canvas中文字设置居中锚点

微信(小程序)  /  管理员 发布于 2年前   196

 小程序中经常会遇到要生成图片的需求，图片一般会加上用户的头像和昵称之类的，头像只需要把腾讯域名添加到request和download列表中，使用wx.getImageInfo()就可以缓存到本地，成功的回调再添加进canvas中生成图片。

如果要文字在某个位置居中，canvas中文字怎么根据文字长短不一实现锚点在文字中心位置呢？

var txtWidth=canvas.measureText(this.nickName).width能获取到在canvas中文字的宽度，找到文字的居中x位置减去txtWidth/2就可以实现居中，如果参数是number类型转换为字符串类型，否则在部分iOS机型上无效，不能获取文字宽度。
 

总结

以上所述是小编给大家介绍的小程序canvas中文字设置居中锚点 ，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！