자기 닫는 SVG 요소

Question

나는 최근에 내가 만든 SVG 요소가 있고, 그것은이 같은 자기 닫는 태그를 로컬로 일하고 :

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="height: 25px; width: 300px; display: inline-block;"> 
    <circle cx="10" cy="10" r="4" stroke="black" stroke-width="1" fill="none" /> 
    <line x1="14" y1="10" x2="286" y2="10" stroke-width="2" stroke="black" /> 
    <circle cx="290" cy="10" r="4" stroke="black" stroke-width="1" fill="none" /> 
</svg> 

을하지만, 프로덕션 서버에서 렌더링 할 때이 모든 것을 나왔다 중첩. 첫 번째 원이 svg 요소에 올바르게 중첩되어 있지만 첫 번째 원 안에 선이 중첩되어 있고 두 번째 원이 선 내에 중첩되어 있습니다. 내가 지금처럼 닫는 태그를 사용하는 SVG 요소를 변경했다 </circle></line></circle></svg>

:처럼 끝 닫는 태그 라인은 보았다

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="height: 25px; width: 300px; display: inline-block;"> 
    <circle cx="10" cy="10" r="4" stroke="black" stroke-width="1" fill="none" ></circle> 
    <line x1="14" y1="10" x2="286" y2="10" stroke-width="2" stroke="black" ></line> 
    <circle cx="290" cy="10" r="4" stroke="black" stroke-width="1" fill="none" ></circle> 
</svg> 

모든 지역 내가 그것을 SVG 요소에 닫는 태그는 선택 사항 제안 본다. 뭐라 구요?

Answer 1

초기 마크 업에 아무런 문제가 없으므로 (보기 : http://jsfiddle.net/6b0fv1a2/) 서버의 마임 유형이라고 생각됩니다.

아파치 : "버전 1.3.x부터 아파치 웹 서버의 지원되는 MIME 유형 목록에 SVG MIME 유형이 기본적으로 포함되어 있지만 이전 버전을 업데이트해야 할 수도 있습니다."

htaccess로

올바른 MIME 유형을 설정하는 아마도 가장 쉬운 방법은 "htaccess로"파일을 사용하는 것입니다. 이것은 종종 숨겨져있는 구성 파일입니다. 서버에 그러한 파일이 없으면 파일을 만들고 이름을 ".htaccess"로 지정하고 SVG 파일 확장명을 올바른 MIME 유형과 연결하십시오. 파일이 이미있는 경우 올바른 항목을 추가하기 만하면됩니다. 추가해야하는 특정 라인은 다음과 같습니다

AddType image/svg+xml svg 
AddType image/svg+xml svgz 

더 (다른 서버)를 읽어 http://www.w3.org/services/svg-server/