CaptureController: zoomLevel 屬性

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

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

規範

規範
Captured Surface Control
# dom-capturecontroller-zoomlevel

瀏覽器相容性

另見