Autodesk Forge Viewer的多个实例

多纳尔

我试图在我的页面上运行多个Autodesk Forge Viewer(v6.2)实例,但隐藏在选项卡中。

当用户切换选项卡时,它将隐藏并显示带有已加载模型的查看器。

在执行此操作的同时,任何已加载模型的隐藏实例都会在事件(例如resize事件)上中断,并给出如下错误:

VM19014 viewer3D.min.js:53 Uncaught TypeError: Cannot read property '__webglFramebuffer' of null
    at k.initFrameBufferMRT (VM19014 viewer3D.min.js:53)

我已经看过了.tearDown()finish()但是它们似乎完全在查看器中卸载了模型,从而降低了用户的体验。

如果看不见,是否可以暂停查看器?

编辑:

我接受了以下答案,因为它是一种正确的解决方案,而且如果我要重新制作此页面,可能会寻求解决方案。

最后,我采用了另一种解决方法,将整个选项卡的内容移到了屏幕外,因此画布仍位于DOM中,并且不会使内容跳来跳去:

  .tab-content {
    top: -9999px;
    left: -9999px;
    position: absolute;
    display: block !important;
  }
彼得·布罗兹

恐怕没有办法暂停查看器的初始化。只能使用非零尺寸的画布进行初始化。您可以尝试使用z-index代替隐藏查看器的多个实例,display:none以便它们都获得非空的画布并正确初始化。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Autodesk Forge - 无法查看 Forge Viewer

来自分类Dev

Autodesk Forge Viewer 适合查看纵向/横向

来自分类Dev

在Autodesk Forge Viewer中显示尺寸

来自分类Dev

Autodesk Forge Viewer:如何获取文档

来自分类Dev

在 Autodesk Forge Viewer 中添加 ThreeJs 模型

来自分类Dev

Autodesk Forge Viewer v7:打开PDF

来自分类Dev

Autodesk Forge Viewer如何获取线条起点/终点的坐标

来自分类Dev

在Autodesk Forge Viewer中对齐坐标系

来自分类Dev

Autodesk Forge Viewer设置样式以在chrome中显示错误

来自分类Dev

如何在Autodesk Forge Viewer中定位对象的水平或地板

来自分类Dev

调整大小后,Forge Autodesk Viewer窗口将被截断

来自分类Dev

Autodesk Forge Viewer v7:MarkupsCore扩展

来自分类Dev

以角度创建Autodesk Forge Viewer扩展时出错

来自分类Dev

在 Autodesk Forge Viewer 中为对象着色的最佳方法

来自分类Dev

如何在Forge Viewer中激活“ Autodesk.MemoryLimited”扩展?

来自分类Dev

Autodesk Forge Viewer 在加载不同的文档时出现错误

来自分类Dev

Autodesk Forge Viewer 获取片段的本地位置

来自分类Dev

自定义按钮图标 Autodesk Forge Viewer

来自分类Dev

在three.js / Autodesk 3D Viewer(Autodesk Forge Viewer)中调整对象的大小

来自分类Dev

如何为 Autodesk Forge App 指定多个回调 URL?

来自分类Dev

具有多个应用程序的Autodesk Forge Webhooks

来自分类Dev

Autodesk Forge Viewer 在 android 中的加载时间延迟,使用 Xamarin 时性能变慢,Forge Offline Viewer

来自分类Dev

如何获取 Autodesk Forge 的 sessionId?

来自分类Dev

Autodesk Forge API上传文件

来自分类Dev

如何激活 Autodesk Forge Snapper?

来自分类Dev

Autodesk Forge中缺少元素

来自分类Dev

Autodesk Forge导入IFC失败

来自分类Dev

在 Autodesk Forge 上组合模型

来自分类Dev

如何在移动应用程序中嵌入Autodesk Forge Viewer?

Related 相关文章

  1. 1

    Autodesk Forge - 无法查看 Forge Viewer

  2. 2

    Autodesk Forge Viewer 适合查看纵向/横向

  3. 3

    在Autodesk Forge Viewer中显示尺寸

  4. 4

    Autodesk Forge Viewer:如何获取文档

  5. 5

    在 Autodesk Forge Viewer 中添加 ThreeJs 模型

  6. 6

    Autodesk Forge Viewer v7:打开PDF

  7. 7

    Autodesk Forge Viewer如何获取线条起点/终点的坐标

  8. 8

    在Autodesk Forge Viewer中对齐坐标系

  9. 9

    Autodesk Forge Viewer设置样式以在chrome中显示错误

  10. 10

    如何在Autodesk Forge Viewer中定位对象的水平或地板

  11. 11

    调整大小后,Forge Autodesk Viewer窗口将被截断

  12. 12

    Autodesk Forge Viewer v7:MarkupsCore扩展

  13. 13

    以角度创建Autodesk Forge Viewer扩展时出错

  14. 14

    在 Autodesk Forge Viewer 中为对象着色的最佳方法

  15. 15

    如何在Forge Viewer中激活“ Autodesk.MemoryLimited”扩展?

  16. 16

    Autodesk Forge Viewer 在加载不同的文档时出现错误

  17. 17

    Autodesk Forge Viewer 获取片段的本地位置

  18. 18

    自定义按钮图标 Autodesk Forge Viewer

  19. 19

    在three.js / Autodesk 3D Viewer(Autodesk Forge Viewer)中调整对象的大小

  20. 20

    如何为 Autodesk Forge App 指定多个回调 URL?

  21. 21

    具有多个应用程序的Autodesk Forge Webhooks

  22. 22

    Autodesk Forge Viewer 在 android 中的加载时间延迟,使用 Xamarin 时性能变慢,Forge Offline Viewer

  23. 23

    如何获取 Autodesk Forge 的 sessionId?

  24. 24

    Autodesk Forge API上传文件

  25. 25

    如何激活 Autodesk Forge Snapper?

  26. 26

    Autodesk Forge中缺少元素

  27. 27

    Autodesk Forge导入IFC失败

  28. 28

    在 Autodesk Forge 上组合模型

  29. 29

    如何在移动应用程序中嵌入Autodesk Forge Viewer?

热门标签

归档