캔버스를 사용하는 사각형 조작을위한 JavaScript 라이브러리

Question

UML/플로우 차트 디자인 도구와 비슷한 것을 만들고 싶습니다. 사용자는 캔버스에 도형을 드래그 한 다음 도형에 텍스트를 추가하고, 도형의 크기를 조정하고, 도형의 위치를 ​​변경하고, 각도 선을 통해 도형을 서로 연결할 수 있어야합니다.

질문 :

내가 위에 이러한 응용 프로그램을 구축 할 수있는 자바 스크립트 캔버스 라이브러리가 있습니까?

내가 성취하려는 것을 확신 할 수 없다면 언제든지 물어보십시오. 미리 감사드립니다!

참고 :

자습서도 매우 만족합니다!

Answer 1

너무 복잡하거나 크지 않다면 SVG가 더 쉬운 내기 일 것입니다.

RaphaelJS은 아마도 가장 유명한 SVG 라이브러리 일 것입니다.

이런 간단한 작업을 할 수있는 캔버스 라이브러리는 FabricJS과 KineticJS입니다. 그러나 나는 둘 중 어느 것이 링크 개념을 잘 지원하는지 생각하지 않습니다. 어쩌면 당신은 독서에 의해

배울 수 등 mousedown, mouseup에, MouseMove 이벤트 :

Answer 2

나는 모든 마우스 이벤트 및 관리에 의해 자신에 의해 라이브러리를 사용하지만 모든 일을하지 않는, 도서관 모르는 이 사람의 블로그, 사이먼, 그는 같은 좋은 튜토리얼이 있습니다

http://simonsarris.com/blog/510-making-html5-canvas-useful

http://simonsarris.com/blog/225-canvas-selecting-resizing-shape