이 기사는 주로 HTML5를 사용하여 기본 그래픽 그리기 및 간단한 그라디언트 효과를 포함하여 SVG 벡터 그래픽을 그리는 소개 자습서를 소개합니다. IE의 이전 버전의 지원은 좋지 않습니다. 필요한 친구는 그것을 참조 할 수 있습니다.
VG는 2D 그래픽을 설명하는 데 사용되는 언어 인 확장 가능한 벡터 그래픽을 나타내며 그래픽 응용 프로그램은 XML로 작성된 다음 SVG Reader 프로그램에 의해 제시됩니다.
SVG는 주로 원형 차트, X의 2 차원 차트, Y 좌표 시스템 등과 같은 벡터 유형 차트에 주로 사용됩니다.
SVG는 2003 년 1 월 14 일에 W3C 권장 표준이되었으며 SVG 사양 페이지에서 최신 버전의 SVG 사양을 볼 수 있습니다.
SVG 파일을 봅니다대부분의 웹 브라우저는 PNG, GIF 및 JPG 그래픽을 표시 할 수있는 것처럼 SVG를 표시 할 수 있습니다. IE 사용자는 브라우저에서 SVG를 볼 수 있도록 Adobe SVG 리더를 설치해야 할 수도 있습니다.
HTML5에 SVG를 포함시킨다
html5를 사용하면 __ <svg> ... </svg> 태그를 사용하여 SVG를 직접 포함시킬 수 있습니다. 다음은 간단한 구문입니다.
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다