CaptureController: zoomLevel-Eigenschaft
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die schreibgeschützte zoomLevel-Eigenschaft der CaptureController-Schnittstelle gibt den aktuellen Zoomfaktor der erfassten Anzeigefläche zurück.
Wert
Eine Zahl, die den aktuellen Zoomfaktor der erfassten Anzeigefläche darstellt.
Beispiele
Grundlegende Verwendung von zoomLevel
In unserem Live-Demo, gezeigt in Verwendung der Captured Surface Control API, verwenden wir die zoomLevel-Eigenschaft innerhalb einer Ereignisbehandlungsfunktion für das zoomlevelchange-Ereignis des Controllers. Wenn das Ereignis ausgelöst wird, wird der aktualisierte zoomLevel in ein <output>-Element geschrieben.
// Create controller and start capture
const controller = new CaptureController();
videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia({
controller,
});
// ...
controller.addEventListener(
"zoomlevelchange",
() => (outputElem.textContent = `${controller.zoomLevel}%`),
);
Siehe Verwendung der Captured Surface Control API für ein vollständiges Beispiel.
Spezifikationen
| Specification |
|---|
| Captured Surface Control # dom-capturecontroller-zoomlevel |