Svgeezy는 어떻게 사용합니까? (SVG 폴백)

Question

IE8/7 및 이전 버전의 Android를 지원하지 않는 브라우저에서 PNG를 사용하는 SVG 이미지를 전환하려고합니다.

많은 사람들이보고 난 후에 나는 도구를 찾은 것으로 생각합니다. svgeezy - 문제는 사용 방법을 모른다는 것입니다. (나는 주어진 작은 문서를 이해하지 못한다.)

누군가 내가 2 인처럼 설명 할 수 있다면 정말 고맙겠다. 나는 어디서부터 시작해야할지 모르겠다. (나는 새로운데 :)

ps - 나는 다른 방법이 있다는 것을 알고 있지만 SVG를 배경으로 모든 문제를 겪고있었습니다. 그런 방식으로 피하고 싶습니다.

감사합니다 :)

Answer 1

Svgeezy의 API는 모두 직관적 또는 강력한 아니지만, 그것은 간단합니다. 첫 번째 매개 변수는 대체하지 않을 클래스 이름 (있는 경우)이고 두 번째 매개 변수는 대체 유형입니다. 이것은 문서 수준에서 작동하므로 JPG 및 일부 SVG를 PNG로 대체 할 수 없습니다.

// will replace all SVGs with PNGs 
svgeezy.init('nothing', 'png'); 

// will replace all SVGs with JPGs except those that have class="noreplace" 
svgeezy.init('noreplace', 'jpg'); 

폴백은 원래 SVG와 동일한 파일 이름이어야합니다. 따라서 예를 들어 logo.svg을 바꾸려면 logo.png이 같은 디렉토리에 있어야합니다.

그냥 닫는 </body> 태그 전에 넣어 자바 스크립트를로드하려면 : - 마지막으로 한 것은, 어떻게

이

<script type="text/javascript"> 
    svgeezy.init('whatever', 'png'); 
</script>