在高新技術的發(fā)展中,一批又一批的小程序運用不斷的出現,出現了一個新的潮流,那么今天我們就來說說有關于:“小程序怎么使用canvas設置居中錨點?案例方法詳解!”這個問題的相關內容分享!
小程序中經常會遇到要生成圖片的需求,圖片一般會加上用戶的頭像和昵稱之類的,頭像只需要把騰訊域名添加到 request 和download 列表中,使用wx.getImageInfo()
就可以緩存到本地,成功的回調再添加進canvas中生成圖片。
如果要文字在某個位置居中,canvas中文字怎么根據文字長短不一實現錨點在文字中心位置呢?
var txtWidth=canvas.measureText(this.nickName).width
能獲取到在canvas中文字的寬度,找到文字的居中x位置減去txtWidth/2就可以實現居中,如果參數是number類型轉換為字符串類型,否則在部分iOS機型上無效,不能獲取文字寬度。
總結
通過上面這篇文章的分享相信大家對于:“小程序怎么使用canvas設置居中錨點?案例方法詳解!”這個問題就有所了解了,當然對于小程序其他使用方法我們可以在W3Cschool中進行學習和了解!