javascript – WebGL：如何在一些web gl 3d对象上绘制交互式div(如文本输入)并仍然是交互式的？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – WebGL：如何在一些web gl 3d对象上绘制交互式div(如文本输入)并仍然是交互式的？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含802字，纯文字阅读大概需要2分钟。

内容图文

所以我看了https://github.com/mrdoob/three.js/个样本,但我认为没有办法将html交互式表单(带有css和东西)绘制到一些web gl对象上……所以任何人都可以提供一个如何在一个球体上绘制一些交互式html输入表单的示例还是立方体？

更新：

实际上有一个非常好的样本与视频示例http://mrdoob.github.com/three.js/examples/canvas_materials_video.html

所以有可能在一些真实的世界html div上尝试它的风格……

解决方法:

好吧,你不能只放一些< input type =“text”/>对象上的元素.这些对象是在Canvas元素中绘制的.您展示的视频示例是一个皮肤,每次调用render()函数时,它都会绘制到您看到的表面上.所以你基本上必须在画布上方定位元素：

HTML text field over canvas element

或者制作完全自定义的交互式3D空间：

http://mrdoob.github.com/three.js/examples/canvas_interactive_voxelpainter.html

或者找到一种直接在Canvas上绘制输入元素的方法,但我不认为可以做到……

内容总结

以上是互联网集市为您收集整理的javascript – WebGL：如何在一些web gl 3d对象上绘制交互式div(如文本输入)并仍然是交互式的？全部内容，希望文章能够帮你解决javascript – WebGL：如何在一些web gl 3d对象上绘制交互式div(如文本输入)并仍然是交互式的？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---