多个Pano2VR画布标签

Question

我正在构建一个具有多个使用Pano2VR构建的全景图的网络应用程序，该应用程序基本上是一种可以在画布标记中吐出纹理WebGL立方体全景图的软件。我想将其中的11个放在一个页面上，这样当用户请求时，浏览器不必加载单独的页面。我只需要取消隐藏并将其放到前面。

问题是，当我在单页上放置超过9幅这些全景图（即WebGL画布）时，一些画布变为空白。我猜这是一个记忆问题。这个应用程序在本地运行，所以所有的资产都是本地没有下载或任何东西。我没有做任何类型的预加载，所以我想知道是否可以解决它。我从来没有与预加载或任何工作，所以我不知道它甚至会有帮助。

有没有人曾经处理过在页面上有多个canvas标签或多个WebGL canvas标签，并且有些空白？如果任何人有任何想法，我都耳熟能详。

Answer 1

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