vue fabric editor

영어 | 중국인

오픈 소스 사진 편집기 · 플러그인 아키텍처 · 드래그 앤 드롭 설계 · 전체 기능

플러그인 사진 편집기는 Fabric.js 및 Vue를 기반으로 개발 한 글꼴, 재료, 디자인 템플릿, 마우스 오른쪽 버튼 클릭 메뉴 및 바로 가기 키를 사용자 정의 할 수 있습니다.

데모 · 문서 · 유료 에디션 데모 · 유료 에디션 소개

소개

빠른 그림 디자인, Vue-Fabric-Editor는 Fabric.js 및 Vue를 기반으로 개발 한 사진 편집기로 글꼴, 재료, 디자인 템플릿, 마우스 오른쪽 버튼 클릭 메뉴 및 바로 가기 키를 사용자 정의 할 수 있습니다.

애니메이션 소개 · 소개 비디오

특징

1. 플러그인 아키텍처 : 플러그인을 통해 확장 및 개발 될 수 있으며 마우스 오른쪽 버튼 클릭 메뉴 및 바로 가기 키를 지원합니다.
2. 드래그 앤 드롭 디자인 : 크고 완전한 온라인 PS와 같은 리 트랙 디자인 도구가 아닌 가볍고 간결한 그래픽 편집기.
3. 완전한 기능 : PSD 분석, 보조 라인, 기록, 그라디언트, 사용자 정의 글꼴, 자르기 및 기타 기능.

이미 기능이 있습니다

• JSON 및 PSD 파일을 가져옵니다
• PNG, SVG, JSON 파일 내보내기
• 조합/분할 조합
• 레이어 기능
• 그라디언트 특성
• 모양 속성/글꼴 속성/스트로크/그림자
• 실행 취소/다시
• 바로 가기 키
• 메뉴를 마우스 오른쪽 버튼으로 클릭하십시오
• 보조 라인
• 자
• 사용자 정의 글꼴
• 맞춤형 템플릿 자료
• SVG, 그림 자료를 삽입하십시오
• 다중 요소 수평 및 수직 정렬
• 배경 속성 설정
• 화살표/선
• 브러시/다각형 도면
• QR 코드/바코드
• 이미지 교체/자르기/필터
• 양수표
• 국제화

사용

Node.js V16 및 PNPM을 먼저 설치 한 다음 다음 명령을 실행하십시오.

 pnpm i
pnpm dev

개발자 서비스

• WeChat Communication Group : 우리는 여러 WeChat 프로젝트 커뮤니케이션 그룹을 구성했으며 저자 및 프로젝트 관리자가 그룹에서 활동하고 정기적으로 질문에 답변했습니다.
• fabric.js 중국 튜토리얼 : https://blog.kuaitu.cc.
• 지식 행성 : 오픈 소스 편집자 및 fabric.js에 대한 관련 정보의 장기 업데이트, 모범 사례를 침전시키기, 개발 경험 공유, 코드 예제 등

유료 버전

기업이 온라인 디자인 도구를 신속하게 구축하고 회사 R & D 투자를 줄이며 반복적 인 휠 생성을 피하십시오.

기능 소개 · 제품 소개 · 데모

오픈 소스 버전에는 프론트 엔드 코드 만 있습니다. 유료 버전은 완전한 프론트 엔드 및 백엔드 및 관리 백엔드, 완전한 기능을 제공하여 소스 코드 승인 및 2 차 개발 지원을 제공합니다 .

• 상자 밖에서 완전한 기능 : 풍부한 설계 기능, 완전한 프론트 엔드 및 백엔드 기능을 제공하며 배포에 사용할 수 있습니다.
• 플러그인 아키텍처, 편리한 확장 : 플러그인 API를 기반으로 편집자 Secondary를 신속하게 개발하십시오.
• 배치 생성, 빠른 사진 제작 : HTTP 인터페이스 및 테이블 파일을 통해 배치 생성 사진을 지원합니다.
• 드래그 앤 드롭 디자인, 간단하고 사용하기 쉬운 : 일반 사용자가 운영하기에 적합하며 교육없이 시작하기 쉽습니다.
• 전체 플랫폼의 적응 : PC 버전 및 H5 버전은 다양한 응용 프로그램 시나리오를 지원합니다.
• 기술 도킹, 문서 교육 : 더 많은 지원과 효율적으로 완전한 기술 도킹을 제공합니다.
• 맞춤형 개발, 투자 감소 : 맞춤형 기능의 빠른 완료를 지원하고 R & D 투자를 줄입니다.

기여 가이드

이 프로젝트는 상자 외부 웹 이미지 편집기 애플리케이션을 작성하기 위해 최선을 다하고 있으며 동시에 웹 이미지 편집기 응용 프로그램과 Fabric.js 사이에 캡슐화 레이어를 입금합니다. 캡슐화 레이어는 개발자를 위해 설계되었으며 더 간단한 인터페이스를 제공하여 개발자가 이미지 애플리케이션 개발을 쉽게 구현할 수 있도록 예상됩니다.

이 문제에 관심이 있다면 진심으로 우리와 함께 성장하도록 초대하십시오. 간단한 git 및 JavaScript 구문 만 알아야합니다.

[코드를 제출하고 Razer Game Mouse를 받으십시오]

관련 정보

다음은 Nuggets 커뮤니티의 편집자에 대한 기술 노트입니다. 자세한 내용은 다음과 같습니다.

1. Fabric.js를 사용하여 사진 편집기를 신속하게 개발하고
2. fabric.js 개발 이미지 편집기의 상세한 구현
3. Fabric.js는 어떤 기능을 구현할 이미지 편집기를 개발할 수 있습니까? 여러 사진
4. 나의 오픈 소스 프로젝트 및 오픈 소스 경험
5. Canvas Library Fabric.js는 어떤 기능을 구현할 수 있습니까? 애니메이션 이미지 소개
6. vue 오픈 소스 이미지 편집기
7. 오픈 소스 프로젝트의 상용화에 대한 개인적인 경험 공유
8. 오픈 소스 Fabric.js 사진 편집기의 플러그인 아키텍처

참고 : 기술적 인 문제가 발생하면 문제를 사용하여 논의 할 것으로 예상되며, 더 개방적이고 투명하며 충분한 정보는 문제를보다 효율적으로 만들 수 있습니다. 질문을하는 지혜를 참조하십시오.

감사의 말

• Liu Mingye 통치자 기능 저자.
• Palxiao 디자인 편집기의 그라디언트 구성 요소.

친절한 후원

관리자

기고자

nihaojob	Qiu-jun	Wuchengguang1998	알리 셀니 니스테	YLX252	liumingye
MOMO2019	바이오 드	bigface2019	Wohuweixiya	ZJC2233	ijry
Makeng	Z09176141	A847244052	브리버 0825	skyscraperno1	펭귄
Jiangshuq	Hudenhui	DDSHIYU	Yehan68	Luke358	Xiaozeo
x007xyz	Wozhi-Cl	vvbear	Slarkerino	롤터	Mojixiang
Machetehot	Liuyaojun	요오이	구다-아트	NANFB	칙칙한
BAMZC	양지 타이	Alicehhhmm	fuqianxi	ichthoncosta	licucity

특허

MIT 라이센스에 따라 라이센스.