canvas中文本水平居中代码示例

window.onload = function(){
  var canvas = document.getElementById('c1');
  if(canvas.getContext) {
    var ctx = canvas.getContext('2d');
    ctx.font = '40px sans-serif';
    //  获取输入文字的宽度
    var w = ctx.measureText('无悟返空').width;
    //画布的宽度-文字的宽度的差的一半，即是文字向右偏移的坐标
    ctx.fillText('无悟返空',(canvas.width-w)/2,canvas.height/2);
  }
};