SVG는 확장 가능한 벡터 그래픽을 의미합니다.
SVG는 XML 형식의 벡터 기반 그래픽을 정의합니다.
각 장에서 예
우리와 함께 편집기, 당신은 SVG를 편집하고 결과를 볼 수있는 버튼을 클릭 할 수 있습니다 "자신이 그것을 시도".
SVG 예
<html>
<body>
<h1>My first SVG</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"
stroke="green" stroke-width="4" fill="yellow"
/>
</svg>
</body>
</html>
»그것을 자신을 시도 당신은 이미 알아야 할 사항
계속하기 전에 다음과 같은 몇 가지 기본적인 이해가 있어야합니다 :
- HTML
- 기본 XML
먼저이 주제를 공부하고 싶다면, 우리의 튜토리얼을 찾을 홈 페이지 .
SVG는 무엇인가?
- SVG는 확장 가능한 벡터 그래픽을 의미합니다
- SVG는 웹을위한 벡터 기반 그래픽을 정의하는 데 사용됩니다
- SVG는 XML 형식의 그래픽을 정의
- 가 확대되거나 크기가 조정되는 경우 SVG 그래픽은 품질을 잃게하지 마십시오
- 모든 요소와 SVG 파일의 모든 속성을 애니메이션 할 수 있습니다
- SVG는 W3C 추천입니다
- SVG는 같은 DOM과 XSL과 같은 다른 W3C 표준과 통합
SVG는 W3C 추천
SVG 1.0 4 년 9 월 2001 년 W3C 권고안이되었다.
SVG 1.1 2003 년 1 월 14 일에 W3C 권고안이되었다.
SVG 1.1 (Second Edition) 2011년 8월 16일에 W3C 권고안이되었다.
SVG의 장점
(JPEG 및 GIF 등) 다른 이미지 형식을 통해 SVG를 사용의 장점은 다음과 같습니다 :
- SVG 이미지를 생성하고 텍스트 편집기로 편집 할 수 있습니다
- SVG 이미지는, 검색 색인, 스크립트 및 압축 할 수 있습니다
- SVG 이미지는 확장 성
- SVG 이미지는 임의의 해상도에서 고품질로 인쇄 할 수있는
- SVG 이미지 줌 가능하다 (and the image can be zoomed without degradation)
- SVG는 개방형 표준
- SVG 파일은 순수한 XML이다
SVG의 주요 경쟁자는 플래시입니다.
플래시가 다른 표준을 준수입니다 통해 가장 큰 장점 SVG가있다 (eg XSL and the DOM) . 플래시는 오픈 소스 아닌 독자적인 기술을 사용합니다.
SVG 이미지 만들기
SVG 이미지는 텍스트 편집기로 작성하지만, 종종 같은 드로잉 프로그램 SVG 이미지를 생성하는 것이 더 편리 할 수 잉크 스케이프 .