您现在的位置是：网站首页> 编程资料编程资料

小程序canvas中文字设置居中锚点微信小程序之html5 canvas绘图并保存到系统相册基于Jscex +HTML5 Canvas 制作的抽奖小程序微信小程序canvas实现水平、垂直居中效果

2021-08-31 1136人已围观

简介这篇文章主要介绍了小程序canvas中文字设置居中锚点的相关资料,需要的朋友可以参考下

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

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

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

总结

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