SVG崩潰Safari

我正在處理一個投資組合（http://www.chloémorillon.com/）網站，當我在所有網絡瀏覽器中查看它時遇到了問題。它在Chrome上運行良好，但是當我使用Safari進行檢查時，瀏覽器不斷刷新頁面直到它崩潰。SVG崩潰Safari

我使用SVG渲染parallepipeds所以我認爲從那裏來的問題......

這裏的每一個形盒代碼：

<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="485" width="305" class="svg-graphic"> 
     <filter id="grayscale"> 
       <feColorMatrix values="0" type="saturate"/> 
     </filter> 
     <g> 
     <clipPath id="hex-mask"> 
     <polygon points="200, 0 200,284 0,384 0, 100"/> 
     </clipPath> 
     </g> 
     <a xlink:href="http://xn--chlomorillon-eeb.com/projets/"> 
     <polygon transform="translate(2, 6)" points="200, 0 200,284 0,384 0, 100" stroke-width="10" stroke="#1a171b" fill="#1a171b"/> 
     <polygon transform="translate(2, 6)" points="200, 0 200,284 0,384 0, 100" stroke-width="10" stroke="#75ffba" fill="#75ffba" id="bandw"/> 
     <image preserveAspectRatio="xMidYMin slice" transform="translate(3, 6)" xlink:href="http://xn--chlomorillon-eeb.com/wp-content/themes/culotte/images/accueil1.jpg" width="100%" height="100%" clip-path="url(#hex-mask)" id="color"/> 
     <image preserveAspectRatio="xMidYMin slice" transform="translate(3, 6)" xlink:href="http://xn--chlomorillon-eeb.com/wp-content/themes/culotte/images/accueil1.jpg" width="100%" height="100%" filter="url(#grayscale)" clip-path="url(#hex-mask)" id="bandw"/> 
     </a> 
    </svg>

你有我的問題任何線索？

來源

2013-01-08 Alain Duruy

它工作正常，我在Safari 6.0.2在OS X 10.8。 2。 – SSteve

這個問題似乎出現在Safari上<6 –

過濾器只能在Safari 6+中工作 –

只是一些常規的調試幫助：當事情失敗時，嘗試刪除代碼，直到找到有問題的代碼。我首先刪除過濾器，因爲Safari 5不支持SVG過濾器。這不應該導致崩潰（它應該忽略過濾器），但你永遠不知道。

另一個可能的故障點是utf-8域http://xn--chlomorillon-eeb.com，嘗試相對路徑（只是<a xlink:href="/projets">）。

一旦你確定了一段代碼，導致飛機失事的原因，你可以想出一個解決方法，要麼使用JavaScript或後退Safari瀏覽器5

來源

2013-01-09 05:49:15 Duopixel

好的，謝謝你的建議，我會試試看 –

回答

相關問題