https://github.com/alexlitel/mirrored-image-generator

Small app using HTML Canvas and JavaScript to generate mirrored versions of images.
https://github.com/alexlitel/mirrored-image-generator

art html5-canvas image image-creation image-generation image-processing mirroring spa

Last synced: 2 months ago
JSON representation

Small app using HTML Canvas and JavaScript to generate mirrored versions of images.

• Host: GitHub
• URL: https://github.com/alexlitel/mirrored-image-generator
• Owner: alexlitel
• License: mit
• Created: 2016-04-29T05:10:52.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2023-10-18T21:09:09.000Z (over 1 year ago)
• Last Synced: 2024-08-13T03:04:54.067Z (6 months ago)
• Topics: art, html5-canvas, image, image-creation, image-generation, image-processing, mirroring, spa
• Language: JavaScript
• Size: 248 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Mirrored Image Generator

[Mirrored Image Generator](http://alexlitel.github.io/mirrored-image-generator) is a small web app using HTML5 Canvas and [FabicJS](https://fabricjs.com) to create symmetrical versions of images by duplicating either one vertical/horizontal half or one of four quadrants. Additionally, users can invert the x-axis and y-axis of the mirror sources, allowing for the creation of 32 kinds of different derivative images. The implementation of the canvas is responsive, and the entirety of the symmetrical image fit within your viewport. Users can then export the symmetrical image as a PNG. It's designed to be cross-browser, but if you come across any issues, please let me know.