小程式中經常會遇到要生成圖片的需求,圖片一般會加上用戶的頭像和昵稱之類的,頭像只需要把騰訊功能變數名稱添加到request和download列表中,使用wx.getImageInfo()就可以緩存到本地,成功的回調再添加進canvas中生成圖片。 如果要文字在某個位置居中,canvas中文字怎麼根據文字長短 ...
小程式中經常會遇到要生成圖片的需求,圖片一般會加上用戶的頭像和昵稱之類的,頭像只需要把騰訊功能變數名稱添加到request和download列表中,使用wx.getImageInfo()就可以緩存到本地,成功的回調再添加進canvas中生成圖片。
如果要文字在某個位置居中,canvas中文字怎麼根據文字長短不一實現錨點在文字中心位置呢?
var txtWidth=canvas.measureText(this.nickName).width能獲取到在canvas中文字的寬度,找到文字的居中x位置減去txtWidth/2就可以實現居中,如果參數是number類型轉換為字元串類型,否則在部分iOS機型上無效,不能獲取文字寬度。