다양한 종류의 다이어그램을 만들고 관리하는 JavaScript API
오픈 소스 자바스크립트 라이브러리는 기본 및 대화형 다이어그램, 계층적 다이어그램, 링크 처리를 생성하고 관리합니다.
JointJS는 소프트웨어 개발자가 다양한 종류의 다이어그램을 만들고 관리하는 작업을 위한 애플리케이션을 빌드하는 데 도움이 되는 강력한 JavaScript 다이어그램 작성 라이브러리입니다. 라이브러리는 JavaScript 명령을 사용하여 기본 및 대화형 다이어그램 생성 및 관리를 지원합니다. 라이브러리는 오픈 소스이며 Mozilla Public License 2.0에 따라 사용할 수 있습니다.
라이브러리는 사용이 매우 간편하며 대화형 요소 및 링크 처리, 사각형, 원, 타원, 텍스트, 이미지 및 경로와 같은 기본 요소 작업, 링크를 통한 다이어그램 요소 연결, 계층적 다이어그램과 같은 몇 가지 중요한 기능에 대한 지원이 포함되어 있습니다. 지원, 직렬화 및 역직렬화 지원, 레이블 및 화살촉이 있는 사용자 지정 가능한 링크, 대화형 요소 및 링크 지원, MVC 아키텍처 등을 사용합니다.
JointJS 라이브러리는 Google Chrome, Firefox, Safari, Opera, IE 11, MSEdge 등과 같은 널리 사용되는 브라우저에서 실행할 수 있는 응용 프로그램을 개발하는 데 사용할 수 있습니다. 최신 라이브러리를 사용할 수도 있습니다. ERD, 조직도, FSA, UML, PN, DEVS 등과 같은 잘 알려진 다이어그램의 바로 사용할 수 있는 다이어그램 요소도 완벽하게 지원합니다.
JointJS 시작하기
JointJS 라이브러리를 설치하는 권장 방법은 NPM을 사용하는 것입니다. 원활한 설치를 위해 다음 명령어를 사용해주세요.
NPM을 통해 JointJS 설치
npm installJavaScript API를 통한 다이어그램 생성 및 관리
오픈 소스 JointJS 라이브러리를 사용하면 소프트웨어 개발자가 자체 JavaScript 앱 내에서 여러 유형의 다이어그램을 쉽게 만들 수 있습니다. 라이브러리에는 사용자 정의 다이어그램을 쉽게 그리는 데 사용할 수 있는 기본 제공 모양에 대한 지원이 포함되어 있습니다. 시퀀스 다이어그램, ER 다이어그램, UML 클래스 다이어그램 및 UML 상태 차트 다이어그램을 그릴 수 있습니다. 논리 회로, 조직도, 유한 상태 기계, 퍼즐, 체스 등을 쉽게 설계할 수도 있습니다.
사용자 정의 요소 지원
오픈 소스 JointJS 라이브러리에는 JavaScript 앱 내에서 다이어그램을 만드는 데 사용할 수 있는 기본 제공 요소가 포함되어 있습니다. 사각형, 텍스트, 원, 타원, 이미지, 경로 등과 같은 몇 가지 기본 모양을 사용할 수 있습니다. 이러한 모양을 사용하여 그림을 그릴 수 있습니다. 처음부터 새 요소를 만들 수도 있습니다.
JavaScript를 통한 차트 생성 및 관리
JointJS 라이브러리는 JavaScript 코드를 사용하여 차트 생성 및 관리를 완벽하게 지원합니다. 라이브러리에는 선, 막대, 영역, 콤보 차트, 파이 및 도넛 차트, 손잡이와 같은 여러 유형의 차트에 대한 지원이 포함되어 있습니다. 라이브러리는 또한 크기 조정, 회전, 다른 요소에 연결 등과 같은 차트 조작과 관련된 여러 기능을 제공합니다.