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

小编给大家分享一下小程序canvas中文字设置居中锚点的示例，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

成都服务器托管，创新互联提供包括服务器租用、棕树数据中心、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、国际域名空间等业务的一体化完整服务。电话咨询：18982081108

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

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

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

看完了这篇文章，相信你对“小程序canvas中文字设置居中锚点的示例”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！