网站建设资讯

NEWS

网站建设资讯

小程序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://cdweb.net/article/igicid.html