Screen Command |top| — Print
| Operating System | Keyboard Shortcut | Description | | --- | --- | --- | | Windows | PrtScn | Full-screen capture | | Windows | Alt+PrtScn | Active window capture | | Windows 10 | Windows key + Shift + S | Selected area capture | | macOS | Command + Shift + 3 | Full-screen capture | | macOS | Command + Shift + 4 | Selected area capture | | Linux | PrtScn | Full-screen capture |
.overlay position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 9999;
Chromebooks use a unique "Window Switcher" key (it looks like a rectangle with two lines next to it, usually located in the top row). Captures the full screen. print screen command
The Print Screen command dates back to the early days of computing, when users needed to capture screenshots of their work for documentation and debugging purposes. In the 1980s, the IBM PC keyboard introduced the PrtScn key, which sent a signal to the computer's graphics card to capture a screenshot and send it to the printer. The screenshot was then printed on the default printer, hence the name "Print Screen."
this.stream = stream; const videoTrack = stream.getVideoTracks()[0]; | Operating System | Keyboard Shortcut | Description
static async saveToClipboard(screenshot) try await navigator.clipboard.write([ new ClipboardItem( [screenshot.blob.type]: screenshot.blob ) ]); return true; catch (error) console.error('Failed to copy to clipboard:', error); return false;
html2canvas(element, scale: 2, // Higher quality backgroundColor: null, logging: false, useCORS: true // For cross-origin images ).then(canvas => const screenshot = blob: null, dataUrl: canvas.toDataURL('image/png'), width: canvas.width, height: canvas.height, canvas: canvas ; In the 1980s, the IBM PC keyboard introduced
const downloadScreenshot = () => if (screenshot) const link = document.createElement('a'); link.download = `screenshot_$Date.now().png`; link.href = screenshot; link.click();
</head> <body> <div class="screenshot-container"> <button class="screenshot-btn" id="fullScreenBtn">📸 Full Screen</button> <button class="screenshot-btn" id="viewportBtn">👁️ Viewport</button> <button class="screenshot-btn" id="elementBtn">🎯 Capture Card</button> </div>
.preview-modal position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); z-index: 10000; max-width: 90%; max-height: 90%; overflow: auto;
app.whenReady().then(() => // Register global shortcut (Print Screen key) globalShortcut.register('PrintScreen', async () => try // Capture screen const imgBuffer = await screenshot();