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

Question

我在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]);