Canvas 有没有办法制作一个画布精灵，同时给精灵添加一些背景色？

你们都好吗

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

这里是一个链接到一个。下面是我创建精灵的代码片段：

 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);

所以我想让这个雪碧有一个背景色，可以是浅蓝色，例如

使用相同上下文的另外两件事：是否有任何方法将此图形连接到多维数据集？比如说一些台词？差不多

我感谢任何帮助！ 提前谢谢

巴西致以最良好的祝愿，

---

马修斯

嘿，马修斯！只能使用自定义着色器添加精灵的背景色。将所有透明像素替换为所需的背景色。关于从立方体到精灵绘制的线条；我会使用平面几何体而不是精灵。这样你可以得到底部两个角的顶点位置，并在它们和立方体中心之间画一条三点线。（与自定义着色器结合使用也会更容易一些）