介绍
小编给大家分享一下小程序画布中文字设置居中锚点的示例,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
,小程序中经常会遇到要生成图片的需求,图片一般会加上用户的头像和昵称之类的,头像只需要把腾讯域名添加到请求和下载列表中,使用<代码> wx.getImageInfo()> 代码就可以缓存到本地,成功的回调再添加进画布中生成图片。
如果要文字在某个位置居中,画布中文字怎么根据文字长短不一实现锚点在文字中心位置呢?
<代码> var txtWidth=canvas.measureText (this.nickName)。宽度> 代码能获取到在画布中文字的宽度,找到文字的居中x位置减去txtWidth/2就可以实现居中,如果参数是多类型转换为字符串类型,否则在部分iOS机型上无效,不能获取文字宽度。
看完了这篇文章,相信你对“小程序画布中文字设置居中锚点的示例”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!