angular editor fabric js

Angular-Editor-Fabric-JS

여러 옵션이있는 Angular 용 Fabricjs를 기반으로 한 드래그 앤 드롭 편집기

예

산출

특징

• 이미지로 내보내기
• SVG로 수출
• LocalStorage에 저장하십시오
• LocalStorage에서로드하십시오
• 깨끗한 작업 공간
• 작업 공간 크기를 조정하십시오
• 텍스트를 추가하십시오
• 이미지 추가
• 이미지 업로드
• 그림 추가 (사각형, 삼각형, 사각형, 원)
• JSON에게 렌더링합니다
• 클론 대상
• 전면 객체로 보냈습니다
• 뒷좌석으로 보냈습니다
• 객체 삭제
• 대상을 선택하지 않습니다
• 객체에 ID를 추가하십시오
• 반대에 대한 불투명
• 객체에 색상
• 대상에 대한 글꼴
• 텍스트는 개체에 맞습니다
• 객체에 스타일
• 글꼴 크기 대상
• 객체에 라인 높이
• 물체에 숯 간격

프로젝트에 라이브러리 설치

npm i angular-editor-fabric-js

개발

프로젝트 설치

git clone https://github.com/kevoj/angular-editor-fabric-js.git
cd angular-editor-fabric-js
npm install

시작

Dev 서버를 위해 ng serve 실행하십시오. http://localhost:4200/ 로 이동하십시오. 소스 파일을 변경하면 앱이 자동으로 다시로드됩니다.

짓다

ng build 실행하여 프로젝트를 구축하십시오. 빌드 아티팩트는 dist/ Directory에 저장됩니다. 프로덕션 빌드에 -prod 플래그를 사용하십시오.

실행 장치 테스트

ng test 실행하여 카르마를 통해 단위 테스트를 실행하십시오.

엔드 투 엔드 테스트 실행

ng e2e 실행하여 오기체를 통해 엔드 투 엔드 테스트를 실행하십시오. 테스트를 실행하기 전에 ng serve 통해 앱을 제공하고 있는지 확인하십시오.

특허

MIT ©