Canvas Image Editor

Sample Image Editor using HTML Canvas, Next.js

Live Demo

Checkout

Features

1. Adjustments

   • exposure (노출)
   • brightness (밝기)
   • whitebalance (화이트밸런스)
   • contrast (대조)
   • clarity (선명도)
   • temparature (온도)
   • gamma/hue (색조)
   • saturation (채도)

2. Crop

   • croping ui resize
   • croping ui move
   • set croping ui rate

3. Rotate

   • rotate
   • rotating ui

4. Filter

   • vintage
   • grayscale

Getting Started

$ git clone https://github.com/greatSumini/canvas-image-editor
$ cd canvas-image-editor

$ yarn install

$ yarn dev

Open http://localhost:3000 with your browser to see the result.