https://github.com/heaversm/easeljs-collage

Canvas Collage Maker prototype powered by EaselJS
https://github.com/heaversm/easeljs-collage

Last synced: 3 months ago
JSON representation

Canvas Collage Maker prototype powered by EaselJS

• Host: GitHub
• URL: https://github.com/heaversm/easeljs-collage
• Owner: heaversm
• Created: 2015-09-01T19:14:12.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-01T19:28:48.000Z (over 9 years ago)
• Last Synced: 2023-03-23T02:12:05.122Z (almost 2 years ago)
• Language: JavaScript
• Size: 1.52 MB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# EaselJS Collage Maker

### Description

This is a prototype which allows you to make an HTML5 canvas image collage using [EaselJS](http://createjs.com/easeljs). The tool provides the following abilities:

* rotate

* scale

* blur

* drag

* change z-index of items

* save canvas to image

* save image to harddrive with PHP

### References

The prototype uses a preconfigured number of images to make the collage, but by following along you should be able to figure out how to change it to suit your needs.

The following links may be helpful if you get stuck:

* [EaselJS Documentation](http://www.createjs.com/docs/easeljs/)

* [Converting Canvas to HTML Image](http://davidwalsh.name/convert-canvas-image)

* [Saving Canvas to Hard Drive](http://www.fabiobiondi.com/blog/2012/10/export-and-save-a-screenshot-of-an-html5-canvas-using-php-jquery-and-easeljs/)