HTMLCanvasElement: событие webglcontextrestored

Событие webglcontextrestored API WebGL срабатывает, если пользовательский агент восстанавливает буфер отрисовки для объекта WebGLRenderingContext.

После восстановления контекста ресурсы WebGL, такие как текстуры и буферы, созданные до потери контекста, больше недействительны. Вам необходимо повторно инициализировать состояние вашей WebGL-приложения и пересоздать ресурсы.

Это событие не «пузырится».

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

addEventListener("webglcontextrestored", (event) => {});

onwebglcontextrestored = (event) => {};

Объект WebGLContextEvent. Наследуется от Event.

Этот интерфейс наследует свойства от родительского интерфейса Event.

WebGLContextEvent.statusMessage

Чтение-только свойство, содержащее дополнительную информацию о событии.

С помощью расширения WEBGL_lose_context вы можете смоделировать событие webglcontextrestored:

const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");

canvas.addEventListener(
  "webglcontextrestored",
  (e) => {
    console.log(e);
  },
  false,
);

gl.getExtension("WEBGL_lose_context").restoreContext();

// "webglcontextrestored" event is logged.

• WebGLContextEvent
• WebGLRenderingContext.isContextLost()
• WEBGL_lose_context, WEBGL_lose_context.loseContext(), WEBGL_lose_context.restoreContext()