소프트웨어/JavaScript • Dhtml

Prototype기반 벡터 그래픽 프레임웍 - PGF

falconer 2007. 4. 16. 08:40
Prototype Window 컴포넌트를 만든 Sebastien Gruhier씨는 프로토타입 그래픽 프레임웍(PGF)이라는 매우 흥미로운 프로젝트를 진행합니다. 모든 브라우저에서 사용할 수 있는 Prototype.js 기반 벡터(vector) 그래픽 프레임웍을 구현하는 것입니다. 이 프레임웍은 SVG(Firefox, WebKit, Opera), VML(IE), Canvas (Firefox, Safari, WebKit, Opera)등 브라우저마다 서로다른 벡터기술을 통합 사용하여 크로스-브라우즈 한다는 이론입니다.(매우 훌륭합니다!)

// Create an SVG renderer
var renderer = new SVGRenderer("whiteboard");

// Create a rectangle with some attributes like color and bounds
var rect = new Graphic.Rectangle(renderer);
rect.setFill({r: 255, g: 0, b: 0, a: 128});
rect.setStroke({r: 255, g: 255, b: 0, a: 128, w: 5});
rect.setBounds(10, 20, 200, 300);
rect.setRoundCorner(10, 10);
rect.translate(10, 20);
rect.rotate(30);

renderer.add(rect);

주목할만한 프로젝트입니다. 플래시에 대적할만한 인터넷 그래픽 솔루션이 될지도 모를일입니다. 현재 공식으로 배포한 상태는 아니지만 서브버전 트렁크에서 다운로드 가능합니다. Sebastien씨는 dojo.gfx에서 아이디어를 얻었다고 말하고 있군요. 그의 최근 프로젝트인 neomeeting에 PGF을 실제로 사용한다니 이 또한 기대해볼만합니다.

출처 : 파이어준