softwarehuis/pasfoto-generator
1
0
Fork 0
mirror of https://gitlab.com/softwarehuis/pasfoto-generator.git synced 2025-12-09 21:14:01 +00:00
Code Issues Projects Releases Packages Wiki Activity
No description
33 commits 1 branch 0 tags 1.1 MiB
Find a file
Exact
Dude named Ben 493549e5dd Can now set color with zet de zaag
2025-09-26 14:31:56 +02:00
overlays Can now set color with zet de zaag 2025-09-26 14:31:56 +02:00
.gitignore Initial commit: Pasfoto generator with vanilla JavaScript 2025-09-22 15:59:26 +02:00
.gitlab-ci.yml Restructure and added kleurplaat 2025-09-24 14:07:26 +02:00
index.html Can now set color with zet de zaag 2025-09-26 14:31:56 +02:00
kleurplaat.html Simpler 2025-09-24 17:53:56 +02:00
kleurplaat.js Simpler 2025-09-24 17:53:56 +02:00
pasfoto.jpg Initial commit: Pasfoto generator with vanilla JavaScript 2025-09-22 15:59:26 +02:00
README.md CC-BY-SA for Ludwig photo 2025-09-22 21:26:47 +02:00
style.css Can now set color with zet de zaag 2025-09-26 14:31:56 +02:00
update-version.sh Restructure and added kleurplaat 2025-09-24 14:07:26 +02:00
zet_de_zaag.js Can now set color with zet de zaag 2025-09-26 14:31:56 +02:00

README.md

Pasfoto Generator

A web-based photo generator that allows users to upload images and add overlay logos with customizable positioning and sizing.

Features

  • Image Upload: Upload your own photos
  • Overlay Selection: Choose from multiple overlay designs
  • Position Control: 9-position grid for precise logo placement
  • Size Control: Adjustable logo size with slider
  • Image Rotation: Rotate uploaded images
  • Download: Save the final result as PNG

Usage

  1. Upload an image using the upload button
  2. Select an overlay from the dropdown
  3. Choose logo position using the 9-position grid
  4. Adjust logo size with the slider
  5. Rotate the image if needed
  6. Download the final result

Technical Details

  • Built with vanilla JavaScript (no jQuery dependency)
  • Uses HTML5 Canvas for image manipulation
  • Responsive design with consistent element widths
  • SVG icons for better scalability

GitLab Pages

This project is configured to work with GitLab Pages. Simply push to the repository and enable Pages in the GitLab project settings.

As demo photo we used Ludwig von Mises from wikipedia under CC-BY-SA license.