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

站长资源 2024/11/15 佚名

2 0 1

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

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

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

总结

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

小程序,canvas,锚点

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“小程序canvas中文字设置居中锚点”

暂无评论...

2024年11月15日