是否可以让 3.js 对象与 DOM 元素交互？

Question

我刚刚学习 3.js，我想知道您是否能够单击画布中的 3D 对象并触发 javascript 函数。例如，如果您单击特定的多维数据集，那么它将在单独的窗口中显示有关该多维数据集的信息。我已经阅读了有关 raycaster 的信息，但似乎没有太多关于 3D 对象与普通 HTML DOM 元素交互的信息。我需要根据模型数据动态创建形状，并且这些形状需要是交互式的。有没有人有需要这样做的经验？我知道这可能有点不合常规，但我认为这可能是我需要做的。感谢您的帮助。谢谢！

Answer 1

您不能参考问题。 Mouse events on each <g> tag of svg loaded on the material in threejs

同时检查http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl

按照上面的链接

好吧，不是很不幸……WebGL 在画布元素中是 3d 的，而从 html 页面的角度来看，画布是一个黑盒子。你不能在画布内绑定 DOM 事件。您不能使用样式表来更改画布内容。你不能将 dom 元素放在画布中。两人不说话。