SVG를 IE와 함께 작동시키는 방법?
-
07-07-2019 - |
문제
SVG (특히 7 및 8)와 함께 SVG를 작동시키는 포괄적 인 라이브러리를 아는 사람이 있습니까?
나는 내 웹 페이지에 포함될 수 있고 모든 SVG를 VML로 조용히 변환 할 수있는 JavaScript를 원했습니다.
해결책
그만큼 Raphaël — 자바 스크립트 라이브러리 거기에서 당신을 도울 수 있습니다.
Raphaël은 SVG W3C 권장 사항과 VML을 그래픽 생성 기반으로 사용하고 Firefox 3.0+, Safari 3.0+, Opera 9.5+ 및 Internet Explorer 6.0+를 지원합니다.
편집하다:
IE에서 VML을 사용하여 SVG를 렌더링하는 JS-Libraries가 두 개 더 있습니다.
다른 팁
Google의 SVG 웹 이렇게합니다. 프로젝트 웹 사이트에 따르면 :
SVG Web은 Internet Explorer, Firefox 및 Safari를 포함한 많은 브라우저에서 SVG 지원을 제공하는 JavaScript 라이브러리입니다. 라이브러리 플러스 네이티브 SVG 지원을 사용하면 기존 설치된 웹베이스의 ~ 95%를 즉시 타겟팅 할 수 있습니다.
JavaScript 라이브러리로 묘사되지만 Flash 9+도 필요합니다. 이것은 일반적으로 문제가되지 않지만 워크 스테이션에서 오래된 플래시가 있거나 플래시가없는 기업 환경에 있으면 작동하지 않습니다.
또한 프로젝트가 무엇인지에 따라 여전히 알파에 있습니다.
제 생각에는 svgweb VML이 많은 애플리케이션에 충분히 빠르지 않기 때문에 플래시를 기반으로하더라도 갈 길입니다.
Adobe는 스크립트를 제공하여 원래 사이트로 자동 감지, 설치 및 리디렉션을 제공합니다.
http://support.adobe.com/devsup/devsup.nsf/docs/51780.htm
http://www.adobe.com/svg/workflow/autoinstall.html
나는 이것을 내 사이트에서 상당히 성공적으로 사용하고 있습니다.
보다 낮은 기술 솔루션은 SVG_ALIKE와 같은 것을 사용하는 것입니다 (여기에 관심의 충돌 알림 삽입 :)). SVG 지원을 확인한 다음 찾지 못하면 모든 SVG 이미지를 PNG로 대체합니다.
https://github.com/forwardadvance/svg_alike
매끄러운 벡터 확대 / 축소의 장점을 잃고 Retina 지원을받지 만 IE8 사용자는 이러한 기능을 사용하지 않을 것입니다.
장점은 이미지를 JavaScript로 변환 할 필요가 없다는 것입니다. 나는 그것이 작업의 5%에 대한 가치의 80%를 제공한다고 생각합니다.