有没有办法制作画布精灵，并在同一时刻向精灵添加一些背景颜色？

如何解决有没有办法制作画布精灵，并在同一时刻向精灵添加一些背景颜色？

你们最近好吗？

我已经尝试了很多在这里找到的方法，但我无法得到我想要的。我有一个以画布为纹理的精灵。但是，这个画布渲染的是一个图形，它是一个png图形，所以很难看出是否在某个点上线条的颜色在该点的颜色上是相同的。我也不能在这个画布上画边框，我真的不知道为什么......

这是指向 live example 的链接。下面是我在其中创建精灵的代码片段：

 var cnv = document.createElement('canvas');
 $( "#container" ).append(cnv)

 var myChart = new Chart(
     cnv,config
 );

 var texture = new THREE.Texture(cnv);
 texture.needsUpdate = true;

 var spriteMaterial = new THREE.SpriteMaterial({ map: texture,color: 0xffffff });
 spriteMaterial.color.set(0xffffff)

 var sprite = new THREE.Sprite(spriteMaterial);    

 sprite.position.set(cube.position.x,cube.position.y + 5,cube.position.z);

Explanatory picture

所以我想让这个精灵有一个背景颜色，例如可以是浅蓝色......

使用相同上下文的另外两件事：有没有办法将此图形连接到立方体？喜欢一些线条？类似于 this。

我感谢任何形式的帮助！提前致谢。

来自巴西的问候，马修斯