在three.js中动态更改精灵文本

我使用

sprite

在three.js中创建sprite。 它是有效的。但我想改变画布纹理的动态。 也许我可以使用

fillText

来更改文本。但是它的效果并不好。 我只是想让它看起来像电子表

let canvas = document.createElement('canvas');
canvas.width = w;
canvas.height = h;
let ctx = canvas.getContext('2d');
drawBg(ctx, bg);
drawText(ctx, data);

let texture = new THREE.CanvasTexture(canvas);
texture.needsUpdate = true;
let material = new THREE.SpriteMaterial({map: texture});
let spriteOject = new THREE.Sprite(material);
spriteOject.scale.set(scale * w / h, scale)
spriteOject.position.set(positions[0], positions[1], positions[2]);