HTMLCanvasElement: contextrestored 事件

有限可用性

此功能不是基线,因为它在一些最常用的浏览器中不起作用。

contextrestored 事件是 Canvas API 的一个事件,如果用户代理恢复了 CanvasRenderingContext2D 的后备存储,就会触发此事件。

您可以在收到此事件后重新绘制、重新获取资源并重新初始化上下文的状态。

语法

在像 addEventListener() 这样的方法中使用事件名称,或者设置一个事件处理程序属性。

js
addEventListener("contextrestored", (event) => {});

oncontextrestored = (event) => {};

事件类型

一个通用的 Event

示例

下面的代码片段检测上下文恢复事件。

js
const canvas = document.getElementById("canvas");

canvas.addEventListener(
  "contextrestored",
  (e) => {
    console.log(e);
    // call to redrawCanvas() or similar
  },
  false,
);

规范

规范
HTML 标准
# event-contextrestored

浏览器兼容性

BCD 表格只在浏览器中加载

另请参阅