웹기반의 마인드맵 프로그램 기초
DOM 오브젝트와 SVG를 공부하고 싶어서 이것 저것 뒤지다가 웹 기반의 마인드 맵 프로그램을 짤수 있는 힌트를 많이 준 사이트가 있어 소개합니다. 받아서 보시면 응용하면 좋을 듯 합니다.
주 내용을 본다면 노드들 간의 연결을 어떻게 곡선으로 VML과 SVG 로 해결했다는 부분과 VML은 인터넷 익스플로러에서 동작하고 SVG는 파이어폭스가 기본으로 지원하는데 각각에 대해서 이해가 필요할 듯 합니다. 재밌는 사이트를 만들 수 있을 듯 보입니다.
사전에 이해를 해야할 사항들입니다.
- VML(Vector Markup Language) : www.w3.org/TR/NOTE-VML.html
- SVG(Scalable Vector Graphics) : www.w3.org/Graphics/SVG/
- XHTML(Extensible HyperText Markup Language) : www.w3.org/TR/xhtml1/
- HTML DOM : www.w3.org/TR/REC-DOM-Level-1/level-one-html.html
그리고 예제 사이트를 올려져 있군요. 다운 받으셔서 테스트 한번 해보세요. 사용 방법은 아래 그림과 같습니다. 오른쪽 마우스를 클릭하여 가지를 칩니다.
주 내용을 본다면 노드들 간의 연결을 어떻게 곡선으로 VML과 SVG 로 해결했다는 부분과 VML은 인터넷 익스플로러에서 동작하고 SVG는 파이어폭스가 기본으로 지원하는데 각각에 대해서 이해가 필요할 듯 합니다. 재밌는 사이트를 만들 수 있을 듯 보입니다.
사전에 이해를 해야할 사항들입니다.
- VML(Vector Markup Language) : www.w3.org/TR/NOTE-VML.html
- SVG(Scalable Vector Graphics) : www.w3.org/Graphics/SVG/
- XHTML(Extensible HyperText Markup Language) : www.w3.org/TR/xhtml1/
- HTML DOM : www.w3.org/TR/REC-DOM-Level-1/level-one-html.html
그리고 예제 사이트를 올려져 있군요. 다운 받으셔서 테스트 한번 해보세요. 사용 방법은 아래 그림과 같습니다. 오른쪽 마우스를 클릭하여 가지를 칩니다.
- 참고 사이트 : http://yeonisalive.net/javascript/MindWeb001.php