小編給大家分享一下小程序canvas中文字設(shè)置居中錨點(diǎn)的示例，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都服務(wù)器托管，創(chuàng)新互聯(lián)提供包括服務(wù)器租用、棕樹(shù)數(shù)據(jù)中心、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、國(guó)際域名空間等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢(xún)：18982081108

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

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

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

看完了這篇文章，相信你對(duì)“小程序canvas中文字設(shè)置居中錨點(diǎn)的示例”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！