threejs添加文字描述（会一直面向我们）

var areaList = areaDescList.filter(item => item.floor == floor)[0]

var tempL = 1000
for (var i = 0; i < areaList.list.length; i++) {
  const contentObj = areaList.list[i]
  //创建一个canvas元素
  const canvas = document.createElement("canvas");
  //新增一个2d的绘图对象
  const context = canvas.getContext('2d');
  context.imageSmoothingEnabled = false
  context.fillStyle = 'transparent';
  //设置绘图对象汇总的字体演示
  context.font = 'bold 40px Arial';
  if (color != undefined) {
    localStorage.setItem('floorHintColor', color)
    context.fillStyle = color; // 设置文字颜色
  } else {
    var aColor = localStorage.getItem('floorHintColor')
    if (aColor != null && aColor != undefined && aColor != '') {
      context.fillStyle = aColor; // 设置文字颜色
      this.colorPicker = aColor
    } else {
      context.fillStyle = 'black'; // 设置文字颜色
    }
  }
  context.textAlign = 'center'; // 设置文字居中对齐
  //设置的名字以及在2D场景中位置
  context.fillText(contentObj.content, canvas.width / 2, canvas.height / 2);
  //通过threejs的贴图，将canvas的内容转化为贴图图片
 const texture = new THREE.CanvasTexture(canvas);
 // texture.needsUpdate = true; // 确保纹理更新
 //新建Sprite对象,并设置好贴图材质
 var sprite = new THREE.Sprite(new THREE.SpriteMaterial({map: texture}));
 //设置sprite的位置为货架的xy，并给z轴新增10的高度
 sprite.position.set(contentObj.position.x + 200, contentObj.position.y + 500, contentObj.position.z)
 //根据需要缩放sprite大小
 sprite.scale.set(400, 200, 1); //只需要设置x、y两个分量就可以
 //最后添加到场景中显示 起名字主要是为了删除方便
 sprite.name = 'textHint2'
 scene2.add(sprite)