2014-01-07 1 views
0

1 년 후에 JointJS로 돌아가고 있으며, 이제는 Node.js 지원 또는 호환성을 주장합니다. Node.js를 사용하고 있으며이 기능을 활용할 수 있는지 궁금합니다. 이 과정을 안내하는 자습서가 있습니까? 아니면 누군가 JointJS에 대해 Node.js 모델 통합이 제공하는 것을 설명해주십시오.JointJS와 Node.js 간의 통합을 설명하거나 설명하십시오.

http://www.jointjs.com/ "NodeJS support" Git commit log에는 "NodeJS 환경에 대한 테스트 작성"과 같은 주석이 들어 있습니다.

+0

JointJS가 DOM과 밀접하게 관련되어 있지 않습니까? 서버 측에 DOM이 없습니다. 서버 측에서 어떻게 사용할 지 모르겠습니다. – freakish

+0

@freakish 일부 출처의 업데이트 된 질문을 확인하십시오. – Fletch

답변

0

예, JointJS는 NodeJS 환경을 지원합니다. 모델 만 지원됩니다 (요소, 링크, 그래프).

설치 jointjs : npm install jointjs

이 NodeJS에서 그래프를 작성하는 그래프를 예를 들어, 다음, 서버 측에서 그래프를 구축 할 수 있습니다 JSON에 캐릭터 라인 화, 클라이언트에 보내고 거기 당신은 표시 할 수 있습니다 : 당신이 JointJS 모델을 작업 할 때, 당신은 t 모두를 활용할 수

storeToDBOrSendToClient(graph.toJSON()) 

을 언제 까지나 :

var joint = require('jointjs'); 
var graph = new joint.dia.Graph; 

var el1 = new joint.shapes.basic.Rect({ position: { x: 50, y: 50 }, attrs: { text: { fill: 'yellow' } }}); 
var el2 = new joint.shapes.basic.Rect({ position: { x: 300, y: 200 }, attrs: { text: { fill: 'yellow' } }}); 
var link = new joint.dia.Link({ source: { id: el1.id }, target: { id: el2.id } }); 
graph.addCells([el1, el2, link]); 

당신이 그래프와 함께 무엇을해야 그는 NodeJS 환경에서 JointJS의 기능을 제공합니다.

+0

매우 흥미 롭습니다! 이 기능의 동기는 내 DB에 JointJS 모델을 저장하고 프론트 엔드가 소비 할 수있는 것으로 변환하지 않아도된다는 것입니다. 현재 MongoDB 모델을 가지고 있으며 프론트 엔드에 파생물을 보내므로이 기능이 유용 할 수 있습니다. – Fletch

+0

그것은 실제로 하나의 동기 부여입니다. 또 다른 하나는 서버에서 그래프를 가질 수 있고 클라이언트 - 서버간에 일종의 동기화가있을 수 있다는 것입니다. 예 : like : graph.on ('change', storeToDB) 서버 응용 프로그램에서. 우리는 이러한 동기화 (실시간 공동 작업을 효과적으로 구현)를 수행하는 채널 플러그인 (상용 확장의 일부)과 함께 사용합니다. – dave