小程序canvas中文字设置居中锚点的示例
小编给大家分享一下小程序canvas中文字设置居中锚点的示例,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
成都服务器托管,创新互联提供包括服务器租用、棕树数据中心、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、国际域名空间等业务的一体化完整服务。电话咨询:18982081108
小程序中经常会遇到要生成图片的需求,图片一般会加上用户的头像和昵称之类的,头像只需要把腾讯域名添加到request和download列表中,使用wx.getImageInfo()
就可以缓存到本地,成功的回调再添加进canvas中生成图片。
如果要文字在某个位置居中,canvas中文字怎么根据文字长短不一实现锚点在文字中心位置呢?
var txtWidth=canvas.measureText(this.nickName).width
能获取到在canvas中文字的宽度,找到文字的居中x位置减去txtWidth/2就可以实现居中,如果参数是number类型转换为字符串类型,否则在部分iOS机型上无效,不能获取文字宽度。
看完了这篇文章,相信你对“小程序canvas中文字设置居中锚点的示例”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
本文标题:小程序canvas中文字设置居中锚点的示例
文章路径:http://scyanting.com/article/igicid.html