多个Pano2VR画布标签

Question

我正在构建一个用Pano2VR构建的web应用程序，它有多个全景图，它基本上是一个可以在画布标签中吐出纹理WebGL立方体全景图的软件。我想把其中的11个放在一个页面上，这样当用户请求一个页面时，浏览器就不必加载一个单独的页面。我只需要揭开它，把它带到前面。

问题是，当我在一页上放置超过9个这样的全景图(它们是WebGL画布)时，一些画布变成空白。我猜这是记忆问题。这个应用是在本地运行的，所以所有的资源都是本地的，而不是下载的。我没有做任何形式的预加载，所以我想知道这是否可以修复它。我从来没有使用过预加载之类的东西，所以我甚至不确定它是否会有帮助。

有没有人曾经处理过在一个页面上有多个canvas标记或多个WebGL canvas标记，而其中一些标记变成空白的情况？如果有人有什么想法，我洗耳恭听。

Answer 1

事实证明，在Pano2VR的情况下，您可以将单独的全景图加载到同一个div容器中。也就是说，您可以输入容器名称作为pano2vrPlayer类的参数，然后在一个单独的XML文件上运行readConfigUrl()函数，它将在容器中创建另一个画布。这样，每次请求全景图时，它都会根据需要加载全景图。我没有遇到任何应用程序速度变慢的问题，因为之前加载的全景图仍然占用内存，所以问题似乎已经解决了。现在，应用程序加载时没有速度问题。