鍍金池/ 問答/HTML/ 微信小程序如何讓canvas中生成的文字能夠居中顯示

微信小程序如何讓canvas中生成的文字能夠居中顯示

微信小程序如何讓canvas中生成的文字能夠居中顯示，例如context.fillText(“啊啊啊啊啊”, 0, 0)，文字怎么能夠自己居中顯示，因?yàn)檫@里面生成的文字不固定，有的長有的短，最好是能自動(dòng)居中

回答
編輯回答
妖妖

canvas有個(gè)測量文本長度的api(measureText), 所以居中就很簡單了

context.fillText(str, (canvas.width - context.measureText(str).width) / 2, 0)

當(dāng)然如果你文本的長度超過canvas的寬度那你就必須另外處理了。

2018年6月7日 20:00