크롬이 SVG 파일을 표시하지 않음

Question

로컬에서 시도 할 때 모든 최신 브라우저에서 작동하는 HTML5 파일에 SVG ilustration이 임베드되어 있지만 웹에서 제공하려고하면 Chrome에서 SVG를 렌더링하지 않습니다. 이미지는 SVG 소스 코드 만 렌더링합니다. 난 이미 사파리와 파이어 폭스의 문제를 해결 htaccess로 파일에이 라인을 추가 :

AddType image/svg+xml svg 
AddType image/svg+xml svgz 
AddEncoding x-gzip .svgz 

그러나 크롬은 이제 웹에서 올 때 이미지를 렌더링하지 않는 유일한 브라우저입니다. 내 로컬 파일이 Chrome에서도 제대로 작동합니다.

무엇이 누락 되었습니까?

여기는 문제의 샘플에 대한 링크입니다. Safari 및 Firefox에서 사용해보십시오. 작동합니다. 그러나 크롬에서는 이야기가 다릅니다.

편집 : 링크가 끊어져 있으며 www가 누락 된 것 같습니다. 접두사 : http://www.getformgallery.com/demo/gos-form.html

Answer 1

Google 크롬 18을 사용하고 있으며 샘플 페이지를 직접 렌더링 한 후에도 SVG 이미지로 바로 이동했습니다. 문제는 브라우저 제작자가 해결할 수 있습니다.

Answer 2

SVG 파일은 크롬에서 지원되지만 완전히 지원되지는 않습니다. 때때로 어떤 문제가있을 수 있습니다. 답변을 얻으려면이 링크를 클릭하십시오.

http://upload.wikimedia.org/wikipedia/commons/f/f6/Western_Australia_Local_Government_Areas.svg

Answer 3

크롬, 파이어 폭스, 오페라, 사파리 및 플러그인 필요없이 기본적으로 지원 SVG (IE를 제외한) 다른 모든 최신 브라우저. 그래서 플러그인을 얻고 먼저 액세스 해보십시오.

Answer 4

SVG Hero와 같은 확장 기능을 사용하여 Photoshop에서 SVG를 내보내셨습니까? 그렇다면 스마트 오브젝트를 익스포트 했습니까? 나는 똑같은 문제점을 가지고 있었지만, 대신 Illustrator에서 SVG를 저장하여 그것을 고쳤습니다. 이제 내 SVG는 모든 브라우저에서 작동합니다.

Answer 5

동일한 문제가 있습니다. 일부 Chrome 업데이트를 사용하기 전에 내 사이트에서 사용한 svg가 작동하지만 svg가 작동하지 않았던 Chrome 업데이트에서 페이지가로드되지 않고 단지 1-2 초 동안로드 된 다음 Aw로 리디렉션됩니다.

마지막으로 알아낼 수 있습니다. 객체 태그 에 "너비"와 "높이"를 정의해야합니다.

<object height="100%" width="100%"data="images/image.svg" type="image/svg+xml"></object>