답글 : 구글, IE에서 SVG 구현하기

울트라싸짱가 만듬

울트라싸짱 — Wed, 29 Mar 2006 00:27:31 +0000

저도 이것 관련하여 2주쯤 전에 사용을 해보았습니다만 재미있더군요. 저희 회사 서비스에 해당 기능을 추가 하기 위해서 VML, SVG, Canvas을 공부해서 적용했는데 문제는 크로스 브라우징이었습니다. 그래서 찾아 해메이다가 IE Hack하는 방법을 찾았었는데 결국 사용을 하지는 않았습니다. 왜냐하면 이미 다 구현한 터라서 ㅠ.ㅠ 어쨋든 당장은 좋아보입니다 ^^

이삼구가 만듬

이삼구 — Tue, 28 Mar 2006 15:02:41 +0000

벡터그래픽은 엔진이 있어야하는데 자바스크립트로 구현하기는 힘들듯 합니다. 위의 예제도 제 노트북(1.4G)으로 조금만 움직이면 CPU점유율이 80%에 육박해버립니다. 보시다시피 아주 기본적인 랜더링만 구현한 것인데도…
어짜피 구현해야 될 일이라면 저라면 플래시쪽에 손을 들어주고 싶네요. 자바스크립트와 플래시 연동 라이브러리도 제법 괜찮게 나와있으니까 섞어서 쓰면 될 듯 합니다.(구글 파이넨스가 그렇죠) 브라우져가 OpenGL이라도 바이너리차원에서 지원해주면 얘기가 틀려질 수도 있겠네요. 가능해보이진 않지만…

mcfuture가 만듬

mcfuture — Tue, 28 Mar 2006 10:10:36 +0000

예전에 Adobe의 SVG샘플코드를 기반으로 웹로그 분석툴을 개발한 적이 있었는데 그 때 IE에서 사용하기 위해서 플러그인을 설치해야만 해서 의아해 했던 적이 있었죠.. 개인적으로 웹상에서 백터 그래픽을 XML로 표현할 수 있는 방식으로 SVG가 표준이 되기를 바랬는데 Canvas Tag가 그 길을 열어줄 것으로 보이는군요.. 오래간만에 SVG를 다시 살펴봐야 겠네요 ^^

astraea가 만듬

astraea — Tue, 28 Mar 2006 04:01:55 +0000

‘구글이 하니까 되는 군요.’
이 말이 참…쿨럭;;;

신현석가 만듬

신현석 — Tue, 28 Mar 2006 02:36:54 +0000

멋진데요. 말씀하신 것 처럼 Canvas가 이제 업계표준 처럼 되겠군요.

차니가 만듬

차니 — Tue, 28 Mar 2006 01:57:44 +0000

유겸애비/ 네.. 약간 혼란이 있겠네요. Canvas는 SVG를 파이어폭스 웹브라우저에 표현하기 위한 (비표준) 확장 HTML Tag입니다. 이 태그 안에 SVG를 구현합니다. SVG를 그대로 다 구현 해주지는 못하고 몇 가지 중요한 기능만 제공합니다.

즉, Script Import정도만으로도 IE와 Firefox 양쪽에 똑같은 코드로 SVG 기능 호환성을 제공할 수 있습니다. (Hooney님 말씀 대로 일종의 IE hack입니다.) 사파리에도 Canvas Tag가 있구요. 곧 오페라도 구현할 예정입니다. (따라서 기능상 제약이 조금 있겠지만 Canvas Tag를 통해 SVG를 구현하는 것이 업계 표준 처럼 될 가능성이 있지요.)

유겸애비가 만듬

유겸애비 — Tue, 28 Mar 2006 01:32:36 +0000

제목은 ‘IE에서 SVG구현하기’ 인데 글 내용은 ‘IE에서 Canvas 구현하기’인것으로 이해했습니다. SVG와 Canvas의 관계가 어떻게 되는건가요? 구글이 그 프로젝트를 공개하면 I.E에서도 Script import정도만 하면 SVG를 쓸수 있게 되는건가요?

뽀공이가 만듬

뽀공이 — Tue, 28 Mar 2006 01:15:39 +0000

좋은 정보 감사합니다.. ㅎㅎㅎ
svg 다시 손을 대어 봐야겠네요..

Hooney가 만듬

Hooney — Tue, 28 Mar 2006 00:39:00 +0000

htc 파일을 이용한 일종의 ie hack이군요. css :hover hack을 위한 htc 파일과 비슷할 것 같습니다. ie에서 :hover 가상 속성을 사용할 수 있는 기쁨 그 이상을 느낄 수 있겠네요.

구글 코드 사이트에 있는 몇몇 svg는 사파리(구버전이던가)에서 안돼던데.. 어쨓든 웹디자인에 새로운 지평이 열리는 건 확실하겠네요.