在Safari中出現SVG圖像

這是一張關於svg圖像的標籤，它在除Safari之外的所有瀏覽器上都能正常工作，並且不會顯示出來，而且我無法弄清爲什麼svg的這部分不會顯示出來， T顯示了....在Safari中出現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">

來源

2013-06-24 Robert Voicu

找到答案！

如果我刪除：

<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在Safari甚至還展示了！和corect

來源

2013-06-25 22:05:17

記得在系統允許你的時候接受你自己的答案 – tacaswell

-1

這已經是問＃1。你可以參考這個鏈接來獲得答案。 Not able to render SVG image in Safari

來源

2013-06-24 23:05:15 vkrams

嗯，我已經閱讀過這篇文章，沒有幫助，我已經通過IFrame顯示了我的svg，我的整個SVG在safari上都顯示了minnor bug，但是這部分代碼dosent顯示出來了（除了文本部分） –

找到答案！如果我刪除： <使用XLink：HREF = 「＃SVGID_7_」溢出= 「可見」> 的GRAFIC甚至在Safari中顯示出來！和corect –

不相關的答案。 – Michal

-1

您需要將SVG聲明放在SVG標記之前。在<body>標記後面添加<g>標記，並將<svg>標記放在<g>標記後面。

來源

2015-07-01 14:04:32 Unetitebiere

在Safari中出現SVG圖像

回答

相關問題