정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

SVG

.NET Framework 3.0

W3C 권장 사항인 SVG(Scalable Vector Graphics)는 XML에서 2차원 그래픽을 설명하기 위한 언어입니다. SVG에서는 벡터 그래픽 모양(예: 직선과 곡선으로 이루어진 경로), 이미지 및 텍스트, 이 세 가지 유형의 그래픽 개체를 사용할 수 있습니다. 텍스트를 포함하여 그래픽 개체를 그룹화하고 스타일을 지정한 다음 이전에 렌더링된 개체로 변환 및 합성할 수 있습니다. SVG 기능 집합에는 중첩된 변환, 자르기 경로, 알파 마스크 및 템플릿 개체가 포함됩니다.

SVG 그리기는 대화형 및 동적일 수 있습니다. 예를 들어 스크립트를 사용하여 애니메이션을 정의하고 트리거할 수 있습니다.

SVG DOM(문서 개체 모델)에 액세스하고 모든 요소, 특성 및 속성에 대한 전체 액세스를 제공하는 스크립트를 사용하여 SVG를 정교하게 적용할 수 있습니다. 'onmouseover' 및 'onclick'과 같은 다양한 이벤트 처리기를 임의의 SVG 그래픽 개체에 할당할 수 있습니다.

SVG의 호환성 및 다른 웹 표준을 이용한다는 점 때문에 동일한 웹 페이지 내의 XHTML 및 SVG 요소에 대해 스크립팅 등의 기능을 동시에 수행할 수 있습니다.

다음 항목 목록은 시간 경과에 따라 커지며 SVG의 주요 기능을 소개합니다.

이 섹션의 내용

항목설명

SVG 좌표 변환

이 항목에서는 getScreenCTM() 메서드와 연결된 SVG 좌표 변형에 대해 설명합니다.

기본 SVG 애니메이션

중급 SVG 애니메이션의 전제 조건인 이 항목에서는 기본 SVG 애니메이션을 설명합니다. HTML 및 JavaScript에 대한 기본 지식이 있다고 가정합니다. 이 항목에서 제공하는 자료를 완전히 이해하려면 약 1시간 정도 걸립니다.

중급 SVG 애니메이션

기본 SVG 애니메이션 항목의 다음 단계인 이 항목에서는 중급 SVG 애니메이션 기술 항목을 소개합니다. 이 항목에서 제공하는 개념을 완전히 이해하려면 약 1시간 정도 걸립니다.

고급 SVG 애니메이션

이 항목에서는 웹 사이트용 SVG 애니메이션을 만드는 과정의 고급 개념에 대해 설명합니다. 이 자습서를 시작하기 전에 기본 SVG 애니메이션, 중급 SVG 애니메이션을 충분히 익히고 HTML 및 JavaScript를 이해해야 합니다.

웹 페이지에 SVG 추가

이 항목에서는 웹 페이지에 SVG를 렌더링하는 일반적인 방법을 소개하고 HTML 및 JavaScript에 대한 기본 지식이 있다고 가정합니다.

SVG를 사용하여 확대/축소 및 이동하는 방법

이 항목에서는 SVG(Scalable Vector Graphics)를 사용하여 확대/축소 및 이동하는 방법을 보여 주며, 끝에 확대/축소 및 이동할 수 있는 복잡한 조직도 예제를 제공합니다. HTML 및 JavaScript에 대한 기본 지식이 있고 HTML5의 인라인 SVG를 렌더링할 수 있는 브라우저(예: Windows Internet Explorer 9 이상)에 액세스할 수 있다고 가정합니다.

 

관련 항목

Internet Explorer 9 샘플 및 자습서

 

 

표시:
© 2014 Microsoft. All rights reserved.