App下載

小程序怎么使用canvas設置居中錨點?案例方法詳解!

猿友 2021-07-27 14:07:24 瀏覽數(shù) (2256)
反饋

在高新技術的發(fā)展中,一批又一批的小程序運用不斷的出現(xiàn),出現(xiàn)了一個新的潮流,那么今天我們就來說說有關于:“小程序怎么使用canvas設置居中錨點?案例方法詳解!”這個問題的相關內容分享!

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

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

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

總結

通過上面這篇文章的分享相信大家對于:“小程序怎么使用canvas設置居中錨點?案例方法詳解!”這個問題就有所了解了,當然對于小程序其他使用方法我們可以在W3Cschool中進行學習和了解! 


0 人點贊