canvas文本居中和自定义颜色

canvas就是个画布，可以在上面画文字，图片，甚至简单动画

最近项目用到了，想文字居中，结果看网上写的设么都有，就是不好使，最后自己搞定，倒是也简单，无非就是要定位文字的起始x坐标位置，找到canvas的宽度和里面文字的宽度，然后相减再除以2作为x坐标的起始位置即可，上一段代码，重点可以看红色文字部分

// 绘制文字
    let name = this.style.text;
    let YJvalue = '';
    let BJvalue = '';
    //name/预警数据/报警数据
    //if (this.style.text != '' && this.style.text.indexof('/') >= 0) {
     // console.log(name)
      var strArray = name.split("/");
      name = strArray[0];
      YJvalue = strArray[1];
      BJvalue = strArray[2];
   //自定义文字颜色
    if (BJvalue != '' && BJvalue != '0') {
      ctx.fillStyle = "rgb(255, 40, 40)"
      if (YJvalue != '' && Y