CaptureController: zoomLevel 属性

值

一个表示捕获的显示表面的当前缩放级别的数字。

示例

`zoomLevel` 的基本用法

在我们 [《使用捕获表面控件 API》](/en-US/docs/Web/API/Screen_Capture_API/Captured_Surface_Control) 中展示的实时演示中，我们在控制器 zoomlevelchange 事件的处理函数中使用 zoomLevel 属性。当事件触发时，更新的 zoomLevel 会被写入一个 <output> 元素。

js

// Create controller and start capture
const controller = new CaptureController();
videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia({
  controller,
});

// ...

controller.addEventListener(
  "zoomlevelchange",
  () => (outputElem.textContent = `${controller.zoomLevel}%`),
);

有关完整的可运行示例，请参阅使用 Captured Surface Control API。