three.js鼠标悬停在对象上只有不背景

我是Three.js的新手。我正在尝试在多维数据集/块上显示工具提示，但只有在此链接的帮助下我才能成功使用http://stemkoski.github.io/Three.js/Mouse-Tooltip.html如果看到工具提示更改了背景（复选框）上的颜色和文本。我不想那样。我只想在立方体上显示工具提示。three.js鼠标悬停在对象上只有不背景

此外，在工具提示中显示html标签的可能方式是什么？因为你不能插入HTML标签

context1.fillText('<h1>Hello World</h1>', 4,20);

我也试图实现jQuery工具提示移动鼠标指针，但都是徒劳的。

我真的很感谢你对此的帮助。

来源

2013-09-21 James Franco

要删除高亮色彩，去除线192-194和197-200：

// restore previous intersection object (if it exists) to its original color 
if (INTERSECTED) 
    INTERSECTED.material.color.setHex(INTERSECTED.currentHex);

和

// store color of closest object (for later restoration) 
INTERSECTED.currentHex = INTERSECTED.material.color.getHex(); 
// set a new color for closest object 
INTERSECTED.material.color.setHex(0xffff00);

此外，为了有更好的标签的自定义选项，我写了一个不同您可能需要考虑的演示：http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html - 如果要插入HTML标记以格式化字体（如您所见），请考虑在画布上绘制文本，并在画布上设置字体系列等选项，大小，重量等，然后使用画布作为图像为您的工具提示。再次，要查看代码的工作实现，请参阅上面的链接。

祝你好运！

来源

2013-09-21 18:03:43

感谢您的回复。它也从立方体中移除突出显示的颜色，并且我只想从背景中移除颜色。 –

此外，我想在工具提示中添加html标签，以获取特定信息，如图像以及一些链接（）和换行符。有没有办法可以做到这一点？ –

three.js鼠标悬停在对象上只有不背景

回答

相关问题