SVG

SVG(Scalable Vector Graphics)는 플러그 인이나 별도의 뷰어 없이도 작고 간단한 것에서 크고 복잡한 것까지 쉽게 확장 가능한 고화질 화면 효과를 웹 사이트에 추가할 수 있는 강력한 기능입니다.Windows Internet Explorer 9은 SVG 1.1(버전 2) 사양 권고안(데스크톱 브라우저의 경우)(영문)에 따라 기본 SVG 기능 집합을 새롭게 지원했습니다.

다음 기능이 구현되었습니다.

  • 대부분의 SVG 문서 구조, 대화형 작업(스크립팅 이벤트) 및 스타일 지정(인라인 및 CSS를 통해)
  • 다음을 비롯한 많은 프레젠테이션 요소와 해당 특성 및 DOM 인터페이스
    • 기본 모양
    • 채우기, 스트로크, 표식 및 색
    • 그라데이션 및 패턴
    • 경로
    • text

Internet Explorer 9에서는 다음과 같은 SVG 태그 표시 방법을 지원합니다.

  • 외부 개체를 사용하지 않고 HTML5 포함에 SVG 조각 표시(즉, HTML 내에 <svg> 태그 포함)
  • 전체 문서 유형으로 SVG 표시(.svg 파일 확장명 포함)
  • XML 또는 XHTML에 SVG 표시(HTML5 메서드와 유사, XML 또는 XHTML 파일에만 해당)
  • CSS 이미지로 SVG 표시
  • 다음과 같이 object 요소를 사용하여 SVG 표시(type, height 및 width 특성 확인):
    
    <object data="rect2.svg" width="100%" height="400px"
        type="image/svg+xml"></object>
    
    
  • 다음과 같이 img, embed, iframe 또는 frame 요소를 사용하여 SVG 표시:
    
    <embed id="Smiley" src="smiley.svg" type="image/svg+xml">
    
    

이 조항의 내용

API 참조

Scalable Vector Graphics (SVG)

샘플 및 자습서

SVG 좌표 변형
기본 SVG 애니메이션
중급 SVG 애니메이션
고급 SVG 애니메이션
웹 페이지에 SVG를 추가하는 방법
SVG를 사용하여 확대/축소 및 이동하는 방법
SVG 및 Canvas 중에서 선택하는 방법
SVG 및 Canvas의 사용 예

Internet Explorer 테스트 드라이브 데모

독일 Atlas zur Europawahl 2004
실습: SVG 필터 효과
실제 다이어그램
SVG Dice
SVG–oids

IEBlog 게시물

SVG 시작 모범 사례
IE10의 SVG 필터 효과
Canvas 및 SVG 사용 시기에 대한 고려 사항
SVG Open 2011: SVG가 웹에 연결하는 위치
브라우저간 하드웨어 가속 SVG와 Santa’s Workshop 비교
SVG에 대한 추가 사항
SVG Open 준비
SVG 2.0으로 이동: 대면 SVG 작업 그룹의 보고서
IE9 로드맵의 SVG

사양

SVG(Scalable Vector Graphics) 1.1(버전 2)

관련 항목

HTML5 SVG 및 Canvas를 사용하여 BrikBloc 게임을 작성하는 방법

 

 

표시:
© 2014 Microsoft