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

网页制作 2024/12/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

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

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

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

总结

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

小程序,canvas,锚点

标签：

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

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

暂无小程序canvas中文字设置居中锚点的评论...

2024年12月23日