https://github.com/greatsumini/canvas-image-editor

image Editor with Adjustment, Filter, ... using HTML Canvas
https://github.com/greatsumini/canvas-image-editor

canvas nextjs typescript

Last synced: 12 days ago
JSON representation

image Editor with Adjustment, Filter, ... using HTML Canvas

• Host: GitHub
• URL: https://github.com/greatsumini/canvas-image-editor
• Owner: greatSumini
• Created: 2022-05-30T12:41:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-27T10:03:05.000Z (over 2 years ago)
• Last Synced: 2024-12-08T02:42:13.121Z (2 months ago)
• Topics: canvas, nextjs, typescript
• Language: TypeScript
• Homepage: canvas-image-editor.vercel.app
• Size: 88.9 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Canvas Image Editor

Sample Image Editor using HTML Canvas, Next.js

## Live Demo

[Checkout](https://canvas-image-editor.vercel.app/)

## Features

1. Adjustments

   - [x] exposure (노출)

   - [x] brightness (밝기)

   - [x] whitebalance (화이트밸런스)

   - [x] contrast (대조)

   - [x] clarity (선명도)

   - [x] temparature (온도)

   - [x] gamma/hue (색조)

   - [x] saturation (채도)

2. Crop

   - [ ] croping ui resize

   - [ ] croping ui move

   - [ ] set croping ui rate

3. Rotate

   - [ ] rotate

   - [ ] rotating ui

4. Filter

   - [x] vintage

   - [x] grayscale

## Getting Started

```bash

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

$ cd canvas-image-editor

$ yarn install

$ yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.