react-photo-collage

KO | EN

gitlite — search

#ai #golang #go #android #rust #docker #nodejs #java #windows #awesome #kubernetes #pytorch #mcp #open-source

react-photo-collage

(★ 8)

Uses React & the HTML5 canvas to create downloadable photo collage images

react-photo-collage 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

React Collage Maker
======

Uses React & the HTML5 canvas to create downloadable photo collage images

This project is a sample project for my portfolio and is in development, so it's not yet an installable component, but you are welcome to try it out.

# Live Demo

[![Collage maker in action](https://raw.githubusercontent.com/kirsty-forrester/react-photo-collage/master/public/assets/img/collagedemopreview.jpg)](https://collage-demo.herokuapp.com/)

[Live Demo](https://collage-demo.herokuapp.com/)

# Example Output

![Example output](https://raw.githubusercontent.com/kirsty-forrester/react-photo-collage/master/public/assets/img/collageoutput.png)

# What It Does

![Example output](https://raw.githubusercontent.com/kirsty-forrester/react-photo-collage/master/public/assets/img/6_boxes.png)

The collage maker takes "template" images like the example above, which have colored image areas on top of a transparent background, and loads them into a canvas where you can upload images into the slots, as well as move and scale the images and change the background color. Then by clicking "Generate Collage Image," you can export a downloadable image file of your created collage.

### Template Image Requirements

Template images must be named with the number of image slots in the filename, e.g. 5_squares.png. The template image must also contain some transparent space on the outside.

### To Do

Make image exports work on mobile again; I switched to blobs and it isn't working on mobile safari.

react-photo-collage

react-photo-collage 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-photo-collage

react-photo-collage 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README