A web application that allows users to overlay text and images on a template where the user input image is reshaped as requirements.
This web application allows users to overlay text and images on a template, creating a customized visual overlay. It can be useful for adding information or annotations to images.
- Text Overlay: Enter various text elements such as name, class, section, and roll number.
- Image Overlay: Upload an image to overlay on the template.
- Positioning: Customize the position of text elements and the overlay image.
- Styling: The application provides a clean and user-friendly interface.
- Open
index.html
in a web browser. - Fill out the text input fields for name, class, section, roll number, etc.
- Upload an image using the "Upload User Image" button.
- Adjust overlay size and positioning parameters as needed.
- Click the "Overlay Text and Image" button to generate the overlay.
The website is styled using CSS to provide a visually appealing and intuitive layout. Feel free to modify the styles in the main.css
file to suit your preferences.
The code is open for customization. Modify the HTML, CSS, and JavaScript files to tailor the application to your specific requirements.
This project is licensed under the MIT License.