지원되지 않는 브라우저에 SVG (Scalable Vector Graphics) 추가

이 시리즈의 이전 글에서는 SVG의 오래된 브라우저에 대한 함정과 Raphael.js를 사용하여 대체 솔루션으로 그래픽을 제공하는 것에 대해 언급했습니다. 이 게시물에서 우리는이 문제를 더 자세히 살펴볼 것입니다..

아이디어는 간단합니다. SVG 요소를 웹 페이지에 그래픽을 전달하는 주요 방법으로 사용하고 있지만 동시에 대체 기능도 제공합니다 지원되지 않는 브라우저에서 렌더링 될 수 있습니다..

물론, 우리가 취할 수있는 많은 경로가 있지만보다 일반적인 솔루션이라고 생각되는 두 가지 솔루션 만 살펴볼 것입니다. 그럼 우리가 어떻게 할 수 있는지 보자..

개체 요소 사용

직접 HTML 문서에 넣는 것 외에도 SVG를 임베드하는 여러 가지 방법이 있습니다. 예를 들어, 그래픽을 .svg 파일을 사용하면