Public
Like
untitled-1613
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
This HTTP endpoint accepts image uploads and adds a centered "wumbo" box overlay to the image.
- πΌοΈ Universal Image Support: Accepts any image format (PNG, JPEG, GIF, WebP, etc.)
- π¦ Smart Box Placement: Automatically centers a "wumbo" box on any image
- π¨ Responsive Design: Box size adapts to image dimensions (max 250x100px)
- πΎ Instant Processing: Client-side processing with immediate download
- π User-Friendly Interface: Clean web UI with preview and download options
- π Batch Processing: Process multiple images without page reload
- Visit the endpoint URL in your browser
- Select an image file using the file picker
- Preview your image before processing
- Click "Process Image" button
- Download the processed image automatically
For programmatic access, send a POST request with form data:
curl -X POST \ -F "image=@your-image.jpg" \ https://your-val-url.web.val.run
The response will be an HTML page that processes and downloads the image.
- π€ Upload: Image uploaded via file input or form data
- π¨ Canvas Processing:
- Load image into HTML5 Canvas
- Calculate optimal center position
- Draw semi-transparent white box with shadow
- Add "wumbo" text with responsive font sizing
- πΎ Output: Convert to PNG blob and trigger download
- Box Background: Semi-transparent white (95% opacity)
- Border: 3px solid dark border (#2c3e50)
- Shadow: Subtle drop shadow (10px blur, 3px offset)
- Text: Bold "wumbo" in matching dark color
- Sizing: Responsive (40% of image width, max 250px wide)
- π Framework: Pure JavaScript with HTML5 Canvas API
- π± Client-Side: All processing happens in the browser
- π Privacy: No server-side image storage
- β‘ Performance: Instant processing for typical image sizes
- π Compatibility: Works in all modern browsers
- β File Type Validation: Only accepts image files
- β Loading Error Handling: Graceful fallback for corrupted images
- β User Feedback: Clear status messages throughout process
- β Browser Compatibility: Fallback messages for unsupported browsers
Input: Any image β Output: Same image with centered "wumbo" box overlay
Perfect for memes, watermarking, or just adding some wumbo to your images! π