Sample Image Editor using HTML Canvas, Next.js
-
Adjustments
- exposure (노출)
- brightness (밝기)
- whitebalance (화이트밸런스)
- contrast (대조)
- clarity (선명도)
- temparature (온도)
- gamma/hue (색조)
- saturation (채도)
-
Crop
- croping ui resize
- croping ui move
- set croping ui rate
-
Rotate
- rotate
- rotating ui
-
Filter
- vintage
- grayscale
$ 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.