jsPlumb

이 라이브러리는 Mootools의, 유이와 jQuery를 위해 이식되었다.
이 GUI 요소 또는 다른 물체가 서로 상호 작용하는 방식을 나타내는 그래프, 차트, 또는 다른 요소를 끌어 캔버스 스테이지를 이용한다.
이전 버전의 브라우저를 들어, 구글의 ExplorerCanvas 스크립트가 사용됩니다.
jQuery를 :
jsPlumb는 jQuery를 1.3.x 버전 또는 1.4.x가 필요합니다; 와 jQueryUI의 1.7.x 이상 또는 1.8.x.
Mootools의 :
jsPlumb 더 Mootools의에서 Mootools의 1.2.4과 Drag.Move이 필요합니다.
YUI3 :
jsPlumb는 유이 3.3.x는 필요합니다

특징 : 있습니다.

그래프 요소 :
커넥터 - 페이지에 두 가지 요소를 연결하는 선
엔드 포인트 - 연결의 한쪽 끝의 시각적 표현
앵커 - 위치, 요소의 원점을 기준으로,하는 엔드 포인트가있을 수 있습니다
오버레이 - 커넥터를 장식하는 데 사용되는 UI 구성 요소, 등 라벨, 화살표 등
연결 - 앵커, 엔드 포인트의 인스턴스 두 요소를 결합하기 위해 함께 작동하는 0 개 이상의 오버레이와 커넥터.

이 릴리스의 새로운 기능입니다 : 두 요소는 두 스텁의 합보다 더 가까이있을 때

순서도 커넥터가 자동으로 스텁 매개 변수를 줄일 수 있습니다. 이는 순서도 커넥터 정의에 true로 alwaysRespectStubs 매개 변수를 설정하여 오버라이드 (override) 할 수 있습니다.

1.4.0 버전의 새로운 기능 :

AMD 로더가 페이지에있는 경우 jsPlumb 이제 AMD 모듈로 등록합니다. 두 등록이 만들어집니다 : 정적 예를 들어 'jsplumb'와 'jsplumbinstance을', 새로운 인스턴스.
베 지어, 스트레이트, 아크 - 내부적 모든 커넥터 이제 세그먼트들의 집합으로 구성되어있는 세 가지 유형이있다.
jsPlumb.select 및 jsPlumb.selectEndpoints에서 반환 값은 이제 'setType'방법을 지원합니다.
setType / AddType 지정 기능은 이제 매개 변수화 유형을 지원합니다.

버전 1.3.16의 새로운 기능 :

는 연결 및 엔드 포인트 & quot의 개념을 추가; 유형 & quot을 ;.
추가 된 '사용자 정의'오버레이 유형.
반환 값을 selectEndpoint하기 '는, setEnabled'/ '의 IsEnabled'방법을 추가했습니다.
성능 향상은 렌더링 레이블을.

버전 1.3.11의 새로운 기능 :

새로운 기능 :
jsPlumb에 추가 'selectEndpoints'방법. 이것은 (연결을위한) jsPlumb.select와 비슷한 방식으로 작동한다.
추가 isSuspendDrawing 방법
추가 & quot; 연결 & quot; jsPlumbConnection & quot; 기존 하 '별칭으로; 이벤트. 두 이벤트가 시작된다. 그래서 그들 모두 등록하지!
추가 & quot; connectionDetached 및 용어는 별칭으로 단계 S72 jsPlumbConnectionDetached & quot; 이벤트. 위와 같이 - 두 이벤트는 해고된다.
엔드 포인트에 추가 '의 MaxConnections'이벤트.
makeTarget 및 makeSource에 추가 'onMaxConnections'콜백 옵션
해결 된 문제 :
엔드 포인트에 '의 MaxConnections'이벤트를 추가
selectEndpoints 향상
makeSource은의 MaxConnections 매개 변수를 준수하지 않습니다
이때 setLabel는 suspendDrawing 플래그를 무시
deleteEveryEndpoint은 시작하기 전에 도면을 중단하고 완료되면 복원해야합니다.

버전 1.3.10의 새로운 기능 :

makeSource 지금은 요소의 부분에 마우스 이벤트에 응답 할 수있는 '필터'매개 변수와 함께 호출 할 수 있습니다 당신 고 싶어요.
순서도 커넥터 양쪽 끝 부분에 길이가 다른 스텁 (단 하나의 정수 대신 두 개의 정수의 배열을 제공) 지원
커넥터 오버레이의 위치는 지금 목표로부터의 거리를 의미 소스와 음의 값에서 거리를 의미하는 양의 값으로, 절대 값으로 지정 될 수 있습니다.

어떤 버전 1.3.9에서 새로운 것은

캔버스에 스트레이트 커넥터는 이제 단순한 dashstyle을 지원 (두 개의 인수 만)
clearListeners, jsPlumb, 연결하고 '유창'스타일에서 사용할 수 있도록 엔드 포인트는 지금, 자신을 돌아 화재 및 바인드 방법.
paintStyle 및 hoverPaintStyle는 더 이상 엔드 포인트 또는 연결에 노출되지 않습니다.
getPaintStyle과 getHoverPaintStyle 방법은 엔드 포인트 및 연결에 추가됩니다.
HoverClass는 jsPlumb 기본값으로 추가했다.
여러 가지 새로운 방법은 대상 및 소스로 작업 추가.

1.3.8 버전의 새로운 기능 : 뭔가 드래그되는 동안

호버 모드가 일시 중단됩니다. 이 화면 주위에 마우스 움직임에 따라 임의의 점멸을 많이 방지 할 수 있습니다.
이 일을 주어진 경우 VML 엔드 포인트는 사용자 정의 CSS 클래스를 할당되지 않았습니다. 그것은 지금이다.

1.3.7 버전의 새로운 기능 :

는 setid했거나 기능을 추가했습니다.
setIdChanged 기능을 추가했습니다. 이것은 개발자가 사후 ID의 변경을 통지 할 수 jsPlumb.
connectionDrag / connectionDragStop 이벤트.
getConnections하지 키와 같은 범위와 개체로, 배열로 연결을 반환 jsPlumb을 알려주는 옵션 두 번째 인수를합니다.
통과 할 수있다 '*'getConnections에 소스 / 대상 / 범위의하십시오.
연결 및 엔드 포인트에 추가 showOverlays / hideOverlays 기능.
연결 및 엔드 포인트에 추가 getOverlays 방법.

1.3.6 버전의 새로운 기능 :

이 지원됩니다 마지막 매개 변수는 'uniqueEndpoint'- 이것은 makeSource과 makeTarget는 오직 하나의 연결된 엔드 포인트를 작성하도록 지시.
makeSource 및 makeTarget 호출은 지금 jsPlumb.connect에 subsquent 호출에 의해 영광입니다.
importDefaults 및 restoreDefaults 방법이 추가되었습니다.
jsPlumb.draggable (..)는 이제 중첩 된 요소를 지원합니다.

요구 사항 :

자바 스크립트는 클라이언트 측에서 사용 가능