2013-06-24 10 views
1

음,이 이미지는 SVG 이미지에있는 라벨입니다. 사파리를 제외한 모든 브라우저에서 정상적으로 작동하며 이미지가 나타나지 않는 이유는 무엇입니까? t는 ....SVG 이미지가 사파리에 나타나지 않습니다.

<g> 
    <g> 
     <defs> 
    <rect id="SVGID_7_" x="221.463" y="851.163" width="187.789" height="38.692"></rect> 
     </defs> 
     <clipPath id="SVGID_8_"> 
      <use xlink:href="#SVGID_7_" overflow="visible"></use> 
     </clipPath> 
     <path clip-path="url(#SVGID_8_)" fill="#120F0B" d="M221.463,862.222c0-2.149,1.755-3.904,3.902-3.904h76.462 c2.146,0,5.144-1.242,6.662-2.759l3.254-3.255c1.52-1.52,4.003-1.522,5.522-0.003l3.255,3.258 c1.521,1.517,4.516,2.759,6.665,2.759h78.164c2.146,0,3.902,1.755,3.902,3.904v23.73c0,2.146-1.756,3.903-3.902,3.903H225.365c-2.147,0-3.902-1.757-3.902-3.903V862.222z"/> 
    </g> 
    <text transform="matrix(1 0 0 1 277.3213 876.9551)" fill="#FFFFFF" font-family="'FedraSansStd-Normal'" font-size="9.64">Drinkwaterbalans</text> 
</g> 

을 표시하고이 상단에서 SVG 태그입니다 : 이것은 이미 유래에 요청합니다

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    width="600px" height="1000px" viewBox="0 0 625 1000" 
    enable-background="new 0 0 625 1000" xml:space="preserve" 
    preserveAspectRatio="xMinYMin none"> 

답변

0

답변을 찾았습니다!

은 내가 분리 한 경우 :

<defs> 
     <rect id="SVGID_7_" x="221.463" y="851.163" width="187.789" height="38.692"></rect></defs> 
<clipPath id="SVGID_8_"> 
     <use xlink:href="#SVGID_7_" overflow="visible"></use> 
</clipPath> 

GRAFIC 사파리에서도 나타난다! and corect

+1

시스템에서 자동 응답을 허용 할 때 자신의 대답을 수락하는 것을 잊지 마십시오. – tacaswell

-1

. 이 링크에서 대답을 참조 할 수 있습니다. Not able to render SVG image in Safari

+0

글쎄 이미 그 게시물을 읽었습니다. 이미 도움이되었습니다. 이미 IFrame을 통해 내 SVG를 보여주고 있습니다. 내 전체 SVG는 사파리에서 미니 버그로 표시되지만 코드 부분은 전혀 표시되지 않습니다. (텍스트 부분) –

+1

답변을 찾았습니다! 난 분리 한 경우 : Safari에서도 그래픽이 나타납니다! and corect –

+0

관련 없음. – Michal

-1

SVG 태그 앞에 SVG 선언을 넣어야합니다. <body> 태그 뒤에 <g> 태그를 추가하고 <g> 태그 뒤에 <svg> 태그를 넣습니다.

관련 문제