小程序canvas中文字設(shè)置居中錨點

 小程序中經(jīng)常會遇到要生成圖片的需求，圖片一般會加上用戶的頭像和昵稱之類的，頭像只需要把騰訊域名添加到request和download列表中，使用wx.getImageInfo()就可以緩存到本地，成功的回調(diào)再添加進canvas中生成圖片。

如果要文字在某個位置居中，canvas中文字怎么根據(jù)文字長短不一實現(xiàn)錨點在文字中心位置呢？

var txtWidth=canvas.measureText(this.nickName).width能獲取到在canvas中文字的寬度，找到文字的居中x位置減去txtWidth/2就可以實現(xiàn)居中，如果參數(shù)是number類型轉(zhuǎn)換為字符串類型，否則在部分iOS機型上無效，不能獲取文字寬度。
 

總結(jié)

以上所述是小編給大家介紹的小程序canvas中文字設(shè)置居中錨點 ，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！