小程序怎么使用canvas設(shè)置居中錨點(diǎn)？案例方法詳解！

在高新技術(shù)的發(fā)展中，一批又一批的小程序運(yùn)用不斷的出現(xiàn)，出現(xiàn)了一個(gè)新的潮流，那么今天我們就來(lái)說(shuō)說(shuō)有關(guān)于：“小程序怎么使用canvas設(shè)置居中錨點(diǎn)？案例方法詳解！”這個(gè)問(wèn)題的相關(guān)內(nèi)容分享！

 小程序中經(jīng)常會(huì)遇到要生成圖片的需求，圖片一般會(huì)加上用戶的頭像和昵稱之類(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ú)效，不能獲取文字寬度。
 

總結(jié)

通過(guò)上面這篇文章的分享相信大家對(duì)于：“小程序怎么使用canvas設(shè)置居中錨點(diǎn)？案例方法詳解！”這個(gè)問(wèn)題就有所了解了，當(dāng)然對(duì)于小程序其他使用方法我們可以在W3Cschool中進(jìn)行學(xué)習(xí)和了解！