是否有可能让3.js对象与DOM元素交互?

时间:2017-07-14 08:08:26

标签: javascript jquery html asp.net-mvc three.js

我只是在学习3.js而我正在试图弄清楚你是否能够在画布上点击一个3D对象并触发一个javascript函数。例如,如果单击特定的多维数据集,它将在单独的窗口中显示有关该多维数据集的信息。我读过有关raycaster的信息,但似乎没有关于3D对象与普通HTML DOM元素交互的信息。我需要根据模型数据动态创建形状,这些形状需要是交互式的。有没有人需要这样做?我知道这可能有些不同寻常,但我认为这可能是我需要做的。非常感谢您的帮助。谢谢!

1 个答案:

答案 0 :(得分: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页面角度来看的黑盒子。您无法在canvas中绑定DOM事件。您无法使用样式表来更改画布内容。你不能将dom元素放在画布中。那两个人不互相交谈。