「Fabric.js」파워포인트 JS라이브러리

Fabric.js

 

Demos — Fabric.js Javascript Canvas Library

 

웹앱으로 파워포인트 기능을 제작한다면, Fabric.js를 추천한다.

Fabric.js는 텍스트 애니메이션, 2D도형 애니메이팅에 적합하다.

 

Fabric.js의 장점은 '속도'다.

과도한 그래픽을 줄였으며, 속도에 특화되어 있기때문에

3D라이브러리와 결합한다면, 모션그래픽 웹앱까지 가능하다.

 

 

 

 

 

기능

fabric.js는 캔버스로 제작할 수 있는 대부분의 기능을 제공한다.

데모페이지에 있는 내용만으로 간단한 파워포인트 앱을 제작할 수 있다.

 

기능	예시자료(관련)
텍스트 입력		「Superscript / subscript」 「Loading custom fonts」 「Add text on paths」 「Kitchensink」 -텍스트입력 및 애니메이팅 기능
폴리곤 핸들바		「Custom controls, polygon」 「Quadratic Curve」 「Stickman」 -핸들바 조절하기
이벤트&반응		「Event Inspector(이벤트)」 「Clipping」 「Interaction with objects outside canvas」 「Hovering(마우스 반응)」 「Customization」 「Free drawing」 「Touch Events」 -이벤트 기능
복사·붙이기		「Copy and Paste」 -복사 & 붙이기
그룹설정		「Manage selection」 -그룹설정하기
애니메이팅		「Animating polygon points」 「Animating Croses」 「Shadows」 「Animation Easing」 「Animated sprite」 -도형, 스프라이트 애니메이팅
물리엔진		「1000 particles」 - 중력, 마우스이벤트 영향에 따라 물리엔진 적용가능

 

 

 

Fabric.js의 장점은 속도이며,

특별한 기능을 개발할 때 잠깐 사용하기에 좋다.

물리엔진 부분이 다소 빈약하고, 개발자와 의사소통이 되지 않는다.

따라서 큰 프로젝트를 개발하기에는 무리가 있다.

 

짤방생성기 수준의 어플제작에 적합한 라이브러리다.