1. 首页
  2. three.js

three.js如何在临时画布上显示threejs输出?

我正在开发一个网站,在一个专用区域中有几种不同的显示模式。我的问题是使用threejs函数显示图形。下面介绍基本计划和问题。n单击标有“欢迎”的选项卡(通过事件侦听器)生成JPEG图像标题的下拉列表。如果用户单击其中一个,列表将消失,相应的图像将使用context.drawImage()方法。n如果用户单击“故事”选项卡,将显示一个文本标题列表,单击其中一个将导致在相同的中创建一个HTML iframe节点,并以HTML形式显示选定的故事。n再次单击“动画”选项卡将创建一个画布,但会产生两个不同的结果。使用所述画布功能绘制2D图形,例如,此处:developer.mozilla.org画布教程-Web API | MDNn我正在尝试使用以下示例安装一个3D测试用例:threejs.orgthree.js文档1n该示例作为专用窗口中的独立函数运行良好。但我的问题是:我无法让它在更大程序的canvas元素中运行。在我的主HTML中,会根据显示选择重新定义一个,如果是图形,则会创建一个带有id的画布,然后将其传递给JS函数以完成绘图。调用threejs代码时,我没有收到任何错误,但也没有收到任何操作。n部分问题是我对canvas值的显式使用感到困惑(请参见nhttps://threejsfundamentals.org/threejs/lessons/threejs-fundamentals.html)并通过以下方式隐式使用:ndocument.body.appendChild( D.DomeElement)n然而,在我尝试使用threejsfundamentals.org我得到了完全相同的无响应结果。n感谢您阅读本文。由bob1942在post#2中解决。可能的解决方案是创建独立应用程序(HTML+JS)并将其嵌入iframe。这里有一篇关于iframe的好文章:将此主题作为结束。n可能的解决方案是创建独立的应用程序(HTML+JS)并将其嵌入iframe。这里有一篇关于iframes的好文章:LogRocket Blog–1月23日20iframes的终极指南-LogRocket Blog 1n不是iframes的粉丝吗?这篇文章概述了标签的最佳功能,向您展示了如何使用它们,以及如何保护它们免受漏洞的攻击。nEst。阅读时间:12分钟n考虑结束本主题n How to display threejs output on temporary canvas?n

three.js如何在临时画布上显示threejs输出? 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e5%a6%82%e4%bd%95%e5%9c%a8%e4%b8%b4%e6%97%b6%e7%94%bb%e5%b8%83%e4%b8%8a%e6%98%be%e7%a4%bathreejs%e8%be%93%e5%87%ba%ef%bc%9f/