2010-08-04 9 views
7

SVG가 "죽었습니다"라고 말하면서 읽었습니다. 내가 동의하지는 않지만, 누군가 2d/3d 그래픽을 표현하기 위해 더/미래의 벡터 기반 포맷을 말할 수 있습니까? VML은 어떻습니까? 웹에서 2D 및 3D 그래픽을 표현하기 위해 사용해야하는 형식은 무엇입니까?SVG 대안?

나는 웹에서 그래픽으로 놀고 있으며 쓸모없는 기술로 작업하고 있는지 알고 싶습니다.

+0

VML은 윈도우 중심이므로 필자는 SVG가 Firefox에서 기본 지원을 제공하며 죽어 보이지는 않지만 태그에서 벡터 드로잉을 수행 할 수 있으므로 HTML5에있을 수 있습니다. SVG를이 태그에로드 할 수있는 요구가 적어서 경쟁하게 만들 수 있습니다. –

+0

@James Black 캔트는 HTML5 캔버스를 사용하여 벡터 기반이 아니기 때문에 그 비트 맵을 사용합니다. (필자가 필요로하는 다른 기능 제외) VML을 제외하고 다른/더 나은 기능은 무엇입니까? – ESP

+9

나는 사망 주장에 대해''[표창장을 필요로]했다. 비록 SVG가 널리 지원되지는 않지만 지원은 여전히 ​​천천히 증가하고 있습니다 (심지어 IE9에도 포함될 것입니다.) – deceze

답변

6

마이크로 소프트는 IE9에서 SVG를 지원하고, 그들이 IE 블로그에 그 일을 한 이유에 대한 자세한 설명했다된다

http://blogs.msdn.com/b/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx

SVG의 주요 장점은이 DOM의 일부가 있다는 것입니다

, 당신 정도 CSS를 사용하여 스타일을 지정하고 자바 스크립트를 사용하여 수정할 수 있습니다. 반대로 캔버스는 모든 프레임을 완전히 다시 그려야합니다. 따라서 스펙트럼 분석기, 비디오 처리, 빠르게 진행되는 게임 및 기타 점진적이지 않은 애니메이션에 적합한 캔버스를 만듭니다. SVG는 점진적 애니메이션에 더 적합합니다.

3D에 관한 한 미래는 WebGL으로 OpenGL ES에 비해 얇지 만 멀리 떨어져 있습니다. Microsoft는 IE9를 지원하지 않을 것이며 IE9에 포함되지 않을 것임을 의미합니다. 어쩌면 IE10 일 수도 있습니다.

SVG를 사용하는 경우 svgweb을 사용하여 브라우저 차이를 추상화하는 것이 좋습니다 (오래된 브라우저에서는 플래시 애플릿으로 변경됨).

4

ie9, firefox, safari 및 chrome을 포함한 모든 주요 브라우저는 곧 출시 될 html5 표준의 일부로 svg를 지원하기 시작합니다. SVG 3D : 나는 "죽은"

1

2D를 호출하지 않을이 게시물이 늦게 오히려 직접적

4

X3DOM 또는 WebGL을 ...하지만 나는 그것이 가치가 생각을 다시 주소 질문이 터진 이후, 다시 모든 html5 이야기로.

SVG는 애니메이션, 타이밍 및 Javascript DOM 지원을 지원하는 벡터 그리기 형식입니다. 즉, 정적 및 동적 벡터 그래픽을위한 독립형 형식입니다. EPS/PDF 대신 웹 중심 (또는 화면 중심)이라고 말할 수 있습니다. html5 캔버스 태그는 형식이 아니라 자바 스크립트로 화면에 (정적 이미지)를 그리는 방법입니다. SVG와 완전히 다른 목적을 가지고 있으므로 SVG와 경쟁 관계가 없습니다.

대부분의 다른 벡터 형식에는 플러그인 (플래시) 또는 하드웨어 지원 (webGL)이 포함됩니다. 아이러니하게도, 언급 한 VML 형식은 이제 SVG에 찬성하여 더 이상 사용되지 않습니다.

질문에 대답하십시오 : SVG는 이제 웹 표준 벡터 형식입니다. 바라건대, 가까운 장래에 비디오/애니메이션에도 사용되는 것을 보게 될 것입니다.

5

Raphaël 자바 스크립트 라이브러리를 사용해보세요.

구현하기 쉽고 SVG와 같은 UI 기능을 제공합니다 (이상!).

+0

링크가 끊어졌습니다. [GitHub.io] (http://dmitrybaranovskiy.github.io/raphael/)로 리디렉션되는 [www.raphaeljs.com] (http://www.raphaeljs.com/)이 있습니다. 마지막 커밋은 2017 년 2 월이었습니다 , 그것은 최근이었고, 그렇게 활발하게 개발 된 것처럼 보입니다. 또한, 매우 흥미있어 보인다! – harperville

5

만약 SVG라면 가장 좋은 방법은 svg.js입니다. SVG를 더 잘 지원하며 Raphaël (31k gzipped)의 크기 (4.5k gzipped)의 일부분입니다. 또한 매우 직관적 인 구문을 사용합니다.