# Screenshot Tool

> Erstelle Screenshots von Fenstern, Bildschirmen oder Browser-Tabs direkt online.

- Im Browser öffnen: https://pockettoolbox.org/screenshot-tool
- Läuft vollständig lokal im Browser, Dateien und Eingaben werden nicht hochgeladen.

## So funktioniert es

Erfasse Standbilder deines Desktops, eines Fensters oder eines Browser-Tabs direkt über deinen Browser.

Klicke auf "Neuer Screenshot" und wähle im Browser-Dialog den Bereich aus, den du festhalten möchtest (Bildschirm, Fenster oder Tab). Das Tool nimmt automatisch ein Standbild auf und zeigt es zur Kontrolle an. Das fertige Bild speicherst du anschließend als PNG-Datei auf deinem System.

Ruft navigator.mediaDevices.getDisplayMedia({ video: true }) auf, um einen temporären MediaStream des gewählten Bildschirms/Fensters zu erhalten. Der erste Frame wird auf ein <video>-Element gerendert und per HTMLCanvasElement.getContext("2d").drawImage(video, 0, 0) auf einen 2D-Canvas gezeichnet. Stream-Tracks werden sofort per track.stop() geschlossen und das Bild via canvas.toDataURL("image/png") exportiert.

---
PocketToolbox (https://pockettoolbox.org)
