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

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

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

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

总结

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。