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 로 들어 가도록 변환이 되어서 나옵니다.

이것만 봐서는 뭐가 강력한지 모르겠지만, 차근 차근 알아 보도록 하겠습니다. 




+ Recent posts