Ajax의 Graphics 지원은 어디까지인가?

일반적으로 언어에서 Graphics를 지원한다면 (개인적인 의견입니다.) 다음과 같은 것이 지원되어야 하지 않을까 생각합니다.

선, 도형 등을 그릴 수 있어야 합니다.

이미지 드로잉

텍스트 드로잉

Graphics의 회전, 이동 등의 연산

Ajax에서 아직 잘 모릅니다...(관심만 많아요 ^^;;;) Ajax의 가장 큰 문제점으로 Graphics 지원이 미약하다고 들었습니다만, 오늘 Ajaxian에 나와있는 기사를 보니 Ajax의 성장성에 더욱 더 관심이 가네요.
(요즘 플레시의 Actionscript 2.0를 공부하고 있는데 시스템의 압박이 크네요)

= 기사에 나온 코드입니다. =
function drawCD() {
var g2 = document.getElementById("cdCover").getContext("2d");

g2.save();
g2.translate(0, cdCase.height * 2 - 1);
g2.scale(1, -1);

g2.beginPath();
g2.moveTo(0, cdCase.height / 2);
g2.lineTo(cdCase.width, cdCase.height / 2);
g2.lineTo(cdCase.width, cdCase.height + 1);
g2.lineTo(0, cdCase.height + 1);
g2.clip();

g2.drawImage(cover, 19, 3, 240, 227);
g2.drawImage(reflections, 0, 0);
g2.drawImage(stitch, 19, 3);
g2.drawImage(cdCase, 0, 0);

g2.globalCompositeOperation = "destination-out";
var alphaMask = g2.createLinearGradient(0, cdCase.height / 2, 0, cdCase.height);
alphaMask.addColorStop(0, "rgba(255, 255, 255, 1.0)");
alphaMask.addColorStop(1.0, "rgba(255, 255, 255, 0.5)");
g2.fillStyle = alphaMask;
g2.fillRect(0, cdCase.height / 2, cdCase.width, cdCase.height / 2);

g2.restore();

g2.drawImage(cover, 19, 3, 240, 227);
g2.drawImage(reflections, 0, 0);
g2.drawImage(stitch, 19, 3);
g2.drawImage(cdCase, 0, 0);
}

출처 :
1. Ajaxian :
http://ajaxian.com/archives/2005/12/killer_effects.html
2. Ajaxian에 나와있는 Romain Guy님의 기사 :
http://www.jroller.com/page/gfx/?anchor=cool_effect_with_the_canvas
3. 테스트 코드 :
http://jext.free.fr/canvas-test/canvas-test.html