小程序canvas中文字設(shè)置居中錨點
發(fā)布時間:2019-04-16 15:46:59 作者:佚名
我要評論

這篇文章主要介紹了小程序canvas中文字設(shè)置居中錨點 的相關(guān)資料,需要的朋友可以參考下
小程序中經(jīng)常會遇到要生成圖片的需求,圖片一般會加上用戶的頭像和昵稱之類的,頭像只需要把騰訊域名添加到request和download列表中,使用wx.getImageInfo()
就可以緩存到本地,成功的回調(diào)再添加進(jìn)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ù)大家的!
相關(guān)文章
微信小程序之html5 canvas繪圖并保存到系統(tǒng)相冊
這篇文章主要介紹了微信小程序之html5 canvas繪圖并保存到系統(tǒng)相冊,需要的朋友可以參考下2019-06-20基于Jscex +HTML5 Canvas 制作的抽獎小程序
使用 Jscex & HTML5 Canvas 制作的抽獎小程序2012-07-02- 這篇文章主要介紹了小程序中canvas實現(xiàn)水平、垂直居中效果,本文圖文實例代碼相結(jié)合給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-05