Question

我是Three.js的新手。我试图在立方体/块上显示工具提示只是因为我在此链接的帮助下成功http://stemkoski.github.io/Three.js/Mouse-Tooltip.html如果您看到工具提示也改变了背景上的颜色和文本（复选框）。我不希望这样。我只想在立方体上显示工具提示。

另外，在工具提示中显示html标签的可行方法是什么？因为你不能在

中插入html标签

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

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

我非常感谢你对此的帮助。

Answer 1

要删除高亮颜色，请删除第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标签来格式化字体（因为它看起来像你相反，考虑在画布上绘制文本，并在画布上设置字体系列，大小，重量等选项，然后使用画布作为工具提示的图像。再次，要查看代码的工作实现，请参阅上面的链接。

祝你好运！

three.js鼠标悬停在对象上而不是背景

1 个答案: