SVG 또는 Scalable Vector Graphics 를 사용하면 훨씬 더 복잡한 이미지를 그릴 수 있고 웹 페이지에 렌더링 할 수 있습니다. 그러나 단순히 SVG 태그를 가져 와서 HTML에 넣을 수는 없습니다. 그들은 나타나지 않을 것이며 당신의 페이지는 무효가 될 것입니다. 대신 세 가지 방법 중 하나를 사용해야합니다.
객체 태그를 사용하여 SVG 삽입
HTML 태그는 웹 페이지에 SVG 그래픽을 포함시킵니다. 열려고하는 SVG 파일을 정의하기 위해 데이터 속성이있는 객체 태그를 씁니다. width 및 height 속성을 포함시켜 SVG 이미지의 너비와 높이를 정의해야합니다 (픽셀 단위).
브라우저 간 호환성을 위해 type 속성을 포함시켜야합니다.
type = "image / svg + xml"
그것을 지원하지 않는 브라우저 용 코드베이스 (Internet Explorer 8 이하). 코드베이스는 SVG를 지원하지 않는 브라우저 용 SVG 플러그인을 가리 킵니다. 가장 일반적으로 사용되는 플러그인은 Adobe의 http://www.adobe.com/svg/viewer/install/에서 제공됩니다. 그러나이 플러그인은 Adobe에서 더 이상 지원하지 않습니다. 또 다른 옵션은 http://www.savarese.com/software/svgplugin/에있는 Savarese Software Research의 Ssrc SVG 플러그인입니다.