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

2019-04-18 09:01:15来源：博客园阅读 ()

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

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

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

原文链接:https://www.cnblogs.com/oxwei/p/10717345.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有