What is a 'Raphael'?
Raphael 은 SVG 와 VML 에 기반한 Web 상에서 Vector Graphics을 지원하게 해주는 Javascript Library 입니다.
Rich Internet Applicatoin 을 개발할 일이 있어, 기술 조사 겸 해서 스터디 해볼려고 합니다.
언제나 그럿듯이 Hello World 를 한번 찍어 보도록 하겠습니다.
1. Download Raphael
http://raphaeljs.com/ 에서 다운로드 하시면 됩니다
2. Sample Page 작성
3. javascript 작성
var paper = Raphael("hello",320,200);
var t = paper.text(50,50,"Hello Raphel");
hello 라는 div element 를 Raphael Paper 로 활용하게 되고,
그 Paper 에 text 를 그려 놓은 모습입니다.
Raphel 로 Hello Raphael 을 출력한 모습입니다.
Elements 를 살펴 보면, svg tag 밑에 element 로 들어 가도록 변환이 되어서 나옵니다.
이것만 봐서는 뭐가 강력한지 모르겠지만, 차근 차근 알아 보도록 하겠습니다.