언어 선택

홈 페이지

...

개발 도구

FabricJS

FabricJS 대안

5개의 무료 및 유료 대안을 FabricJS에 대한 목록으로 정리했습니다. 주요 경쟁 업체는 Pts, Processing.js입니다. 이 외에도 사용자들은 FabricJS와 p5.js, Paper.js, oCanvas 간에 비교를 하기도 합니다. 또한 여기서 다른 유사한 옵션을 살펴볼 수 있습니다: 개발 도구.

Pts

Free Open Source

시각화 및 크리에이티브 코딩을위한 TypeScript 라이브러리.

Processing.js

Free Open Source

Processing.js는 개방형 프로그래밍 언어, 포트 ...

p5.js

Free Open Source

p5.js는 핵심을 기반으로 그래픽 및 대화식 경험을 만들기위한 JS 클라이언트 측 라이브러리입니다.

Paper.js

Free Open Source

HTML5 Canvas 위에서 실행되는 오픈 소스 벡터 그래픽 스크립팅 프레임 워크입니다.

oCanvas

oCanvas는 HTML5 Canvas를 사용한 개발을보다 쉽게하기위한 JavaScript 라이브러리입니다.

FabricJS

Free

Open Source

웹사이트 방문

Github

Fabric.js는 강력하고 간단한 Javascript HTML5 캔버스 라이브러리입니다.

FabricJS 비디오와 스크린샷

FabricJS 개요

Fabric.js는 HTML5 캔버스 요소로 쉽게 작업 할 수있는 프레임 워크입니다. 캔버스 요소 위에 대화식 객체 모델입니다. SVG-to-Canvas 파서이기도합니다.

Fabric.js를 사용하여 캔버스에서 오브젝트를 작성하고 채울 수 있습니다. 사각형, 원, 타원, 다각형 또는 수백 또는 수천 개의 간단한 경로로 구성된 복잡한 모양과 같은 단순한 기하학적 모양과 같은 개체. 그런 다음 마우스로 이러한 개체의 크기를 조정하고 이동하고 회전 할 수 있습니다. 색상, 투명도, z- 색인 등의 속성을 수정할 수 있습니다. 또한 이러한 개체를 모두 조작하여 간단한 마우스 선택으로 그룹화 할 수도 있습니다.
비 기술적 인 원단 소개

Fabric.js를 사용하면 JavaScript를 사용하여 웹 페이지의 HTML <canvas> 요소에 사각형, 원, 삼각형 및 기타 다각형과 같은 간단한 모양이나 여러 경로로 구성된 복잡한 모양을 쉽게 만들 수 있습니다. 그러면 Fabric.js를 사용하여 마우스로 이러한 객체의 크기, 위치 및 회전을 조작 할 수 있습니다. Fabric.js 라이브러리를 사용하여 웹 페이지의 색상, 투명도, 깊이 위치 또는 이러한 개체 그룹 선택과 같은 이러한 개체의 일부 속성을 변경할 수도 있습니다. Fabric.js를 사용하면 SVG 이미지를 <canvas> 요소에 배치하는 데 사용할 수있는 JavaScript 데이터로 변환 할 수도 있습니다.