🖥️ Screen Calibration Tool - Screen Pixel Position

Drag the corner points to match your TV screen exactly

📺 Drop your TV scene image here

or click "Load Image" above

Supports: PNG, JPG, WebP

📍 Corner Coordinates Click to select

---, ---
---, ---
---, ---
---, ---
Width: ---px Height: ---px
Show preview overlay
Zoom: 100%
`

📐 Instructions

  1. Load your TV scene image
  2. Drag the 4 corner markers to align with your TV screen corners
  3. Use zoom for pixel-perfect precision
  4. Toggle preview to see the masked area
  5. Copy the generated code for your app
1-4 Select corner   Arrow keys Fine-tune position   Shift+Arrow 10px steps

🎨 CSS Output

/* Load an image first */

⚡ JavaScript Output

// Load an image first