Microsoft Edge WebGL теряют контекст

Question

Я создаю приложение THREE.js (последняя версия, r71), а иногда мне нужно вручную удалить 3D-сцену, чтобы отобразить классический 2D-контент. Итак, что я делаю, это очистка всех переменных, таких как сцена или рендерер, и уничтожение контекста WebGL с использованием renderer.forceContextLoss()

Этот метод отлично работает в Firefox или Chrome, но он не поддерживается в Interner Explorer или Microsoft Edge, что вызывает множественные задержки на моей веб-странице. Я не могу найти обходное решение, чтобы сделать это правильно, как в Firefox или Chrome.

Если кто-то имеет наконечник, не стесняйтесь сказать мне :)

Благодаря

Answer 1

Попробуйте использовать два холста теги и положить одну над другой, как предложил here, поместить их в родительском сНу теге используйте следующий css.

position:absolute; 
left:0px; 
top:0px; 

EDIT:

В ответ на ваш комментарий, позвольте мне прояснить мое понимание.

• Вы хотите нарисовать 2d и 3d.
• Вы обнуляете контекст webGL.

Вы не можете иметь 2 контекстов на тот же холст одновременно и я предполагаю вы хотите использовать другой контекст для 2d контента.

Если это предположение верно: Я предполагаю, что у вас есть 2 холстов и контексты одновременно, один с вашим контекстом WebGL и 3D-контентом, а другие с контекстом вы хотите использовать для 2d контента. Затем вы накладываете эти холсты, используя абсолютное положение, чтобы было похоже одно холст. Это означает, что вам никогда не придется перезагружать активы для переключения контекстов, просто убедитесь, что вы так прозрачны.

Также, если вы завернете холст в теге div, он не будет в верхнем левом углу страницы.

Но если мое предположение неверно: , возможно, вы не хотите использовать другой контекст и просто хочет, чтобы очистить экран, в этом случае вы не должны вызывать forceContextLoss()

Если вы хотите продолжить используйте контекст webGL, но очистите экран, который вы должны использовать. clear()