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

初夏的脚步刚刚走来,人们纷纷把厚重的单衣脱掉,换上了凉爽的短袖,又把旅游鞋换成了颜色各不相同的夹鞋,有淡绿色的;有洁白的;还有深蓝色的……

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

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

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

总结

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

本文小程序canvas中文字设置居中锚点到此结束。每当我观天的时候我就不喜欢再说话每当我说话的时候我却不敢再观天。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题

小程序瀑布流如何解决左右两边高度差距过大的问题

微信小程序“圣诞帽”的如何实现思路详解

Html5页面跳转小程序的三种方式

html5跳转小程序wx-open-launch-weapp踩坑