小程序中經(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ú)效,不能獲取文字寬度。
總結(jié)
以上所述是小編給大家介紹的小程序canvas中文字設(shè)置居中錨點(diǎn) ,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
新聞熱點(diǎn)
疑難解答