사람들이 노드를 캔버스에 끌어다 놓고 노드의 아웃렛을 다른 노드의 입력에 연결할 수 있도록 워크 플로 도구를 만들 필요가 있습니다. 줌 .. (방금 찾은 예제 http://bronto.com/platform/features)드래그 앤 드롭으로 HTML 워크 플로 디자이너
시작하는 방법에 대한 제안 찾고 있습니다. 프레임 워크/라이브러리가 있으면 궁금해 할 것입니다. 누구나 쉽게이 작업을 수행 할 것을 권장합니다. 드래그/드롭/선 그리기/등을 처리하기 위해 자바 스크립트를 시작해야합니다.
여러 워크 플로, 순서도 및 다이어그램 작성 도구를 사용해 보았습니다.
내가 편집기로 HTML5 워크 플로 다이어그램을 만들고, 서버와 데이터를로드 및 저장 할 수있는 것을 찾았습니다.
이 워크 플로 다이어그램을 만드는 데 사용 할 수있는 거의 모든 기능이있다 : 사각형 내부
1) 서식있는 텍스트를.
2) 모양을 사용자 정의 할 수있는 기능.
3) 플로우 차트 기호를 추가하고 백 엔드 코드를 수정할 수있는 기능.
4) Android, iOS, HTML5 브라우저에서 작동합니다.
5) 다양한 모양과 물체에 부착 할 수있는 다양한 종류의 선을 추가 할 수 있습니다.
6) 요소, 선, 모양 및 서식있는 텍스트를 올바르게 끌어 놓을 수 있습니다.
7) 자신의 요소 (스티커 메모, UML 객체, 행 차선, 문서 객체 등)을 만들 수
MIT 라이센스. 당신은 ASP.NET 플랫폼에있는 경우
, Orchard CMS을 시도합니다. 사용자의 필요에 맞게 사용자 정의 할 수있는 Workflow Module이 있습니다.
이 질문은 꽤 오래되었지만 누구나 업데이트 된 답변이 필요한 경우에는 jQuery 오픈 소스 프로젝트 jsPlumb https://github.com/sporritt/jsPlumb을 사용해보십시오.
Kineticjs은 드래그 요소에 대한 큰 지원을하고있다. – Shmiddty