Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

다이어그램 및 그래프를 그리기 위해 GoJS HTML5 Canvas 라이브러리를 사용하는 방법은 무엇입니까?


GoJS는 대화형 다이어그램을 구현하는 데 사용할 수 있는 JavaScript 라이브러리입니다. 이 페이지에서는 GoJS 사용의 필수 사항을 보여줍니다. 다이어그램과 그래프를 추가하려면 Open Source인 이 라이브러리를 사용하십시오.

GoJS는 모델이 노드와 링크를 설명하는 JavaScript 개체의 배열을 보유하는 모델 보기 아키텍처를 가지고 있습니다. 실제 Node 및 Link 개체를 사용하여 이 데이터를 시각화하기 위해 다이어그램이 보기 역할을 합니다.

GoJS로 다이어그램을 구성하면 지정된 DIV 요소 내부에 배치할 HTML5 Canvas 요소가 생성됩니다.

다이어그램을 그리는 방법

GoJS 작업을 시작하려면 HTML 문서에서 라이브러리를 선언해야 합니다. 이를 통해 라이브러리도 로드해야 합니다. GoJS 라이브러리 go.js를 로드합니다.

추가하려면 CDNJS에서 얻을 수 있는 GoJS 라이브러리에 연결하세요. 또한 원하는 경우 GoJS 라이브러리를 다운로드할 수 있습니다.

CDNJS로 추가하는 방법은 다음과 같습니다. −

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>

참고 :런타임 오류 검사를 위해 개발할 때 go-debug.js를 로드합니다. 배포할 때 "go.js"로 이동합니다.

다이어그램 및 그래프를 그리기 위해 GoJS HTML5 Canvas 라이브러리를 사용하는 방법은 무엇입니까?