小程序怎么使用canvas设置居中锚点?案例方法详解!

2021-07-27 14:07:24 浏览数 (3)

在高新技术的发展中,一批又一批的小程序运用不断的出现,出现了一个新的潮流,那么今天我们就来说说有关于:“小程序怎么使用canvas设置居中锚点?案例方法详解!”这个问题的相关内容分享!

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

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

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

总结

通过上面这篇文章的分享相信大家对于:“小程序怎么使用canvas设置居中锚点?案例方法详解!”这个问题就有所了解了,当然对于小程序其他使用方法我们可以在W3Cschool中进行学习和了解! 


1 人点赞