🎯 Boundary Drawing Tool

📁

Select Image or Video File

Click here to select a file or drag and drop

Supported formats: JPG, PNG, MP4, AVI, MOV, etc.

Instructions:
1. Select a zone type
2. Click on image to add points
3. Complete polygon/line
4. Copy generated code
Select a zone type to start

Zone Types

🏃 Queue Area
👥 Staff Area
🚪 Entry Zone
🚶 Exit Zone
🚫 Restricted
⏰ Waiting Area
🛎️ Service Area
🔒 Security Zone

Drawing Mode

Controls

Current Position

Move mouse over image

Export

Reference Image

Defined Zones

No zones defined yet

Generated Code

# No zones defined yet zones = {}
x: 0, y: 0