fabric-image-editor
v1.0.2
Published
Runs the app in the development mode.\ Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
Readme
fabric-image-editor
(국문) HTML5 Canvas 기반 오픈소스 이미지 에디터 라이브러리 개발 (영문) Opensource Image Editor Library Development based on HTML5 Canvas 본 프로젝트는 2022-1학기 경희대학교 캡스톤 디자인 1 - 산업체 주제(모바일 앱개발 협동조합)를 바탕으로 개발했습니다
Members
정세호[email protected]
한봉훈[email protected]
Installation
Run npm install fabric-image-editor
Getting Started
- Clone this Project with
git clone https://github.com/gurum505/CD1ImageEditor/ - Install dependencies with
npm install - Run the App with
npm start - Open your web browser to
http://localhost:3000
Demo
https://gurum505.github.io/CD1ImageEditor/
Motivation
산학 협력 프로젝트로 기존의 배포된 이미지 편집 라이브러리를 바탕으로 한 웹 애플리케이션을 개발하기로 했습니다 . 하지만 이미 구현된 라이브러리를 단순히 이용하는 것은 큰 의미가 없다고 생각하여 canvas API를 활용하여 직접 이미지 에디터를 제작해 보기로 했습니다. canvas API 자체는 추상성이 낮고 객체 단위의 처리가 어려워서 cavnas API를 기반으로 한 fabric js 라이브러리를 바탕으로 온라인 이미지 편집기를 만들고 이를 라이브러리화 하는 것을 최종 목표로 삼았습니다.