SVG Elements無法在Safari中顯示陰影過濾器

我發現Safari & iOS Safari瀏覽器出於某種原因無法顯示SVG陰影（過濾器）。至少對我自己來說，陰影不會只顯示在Safari中。SafariSafari桌面，它可以在Chrome瀏覽器中使用Chrome & firefox。SVG Elements無法在Safari中顯示陰影過濾器

有沒有辦法讓一個SVG元素在Safari iOS中顯示陰影？該網站是純粹的iPad，所以這是主要的錯誤

我繪製動態箭頭，箭頭可以/將有不同的尺寸&影子偏移。所以這就是我使用SVG元素的原因。問題在於，出於某種原因，SVG陰影從不在Safari中顯示。

這真令人沮喪。我已經去HTML5畫布的箭頭，但我發現旋轉是荒謬的，無論我怎樣做這個箭頭只是不想工作！我感到沮喪。

<svg class="ArrowBox" width="424px" height="100px" fill="blue"> 
    <filter id = "i1" width = "150%" height = "150%"> 
     <feOffset result = "offOut" in = "SourceGraphic" dx = "0" dy = "0"/> 
     <feGaussianBlur result = "blurOut" in = "offOut" stdDeviation = "10"/> 
     <feBlend in = "SourceGraphic" in2 = "blurOut" mode = "normal"/> 
    </filter> 
    <rect fill="red" x="10" y="10" width="300" height="60" filter="url(#i1)"></rect> 
</svg>

來源

2012-01-20 Jake M

SVG過濾器僅在iOS6（2012年秋季）中得到支持 - 所以這些應該不會在2012年1月份有效:-)不，你不是瘋了。 –

改爲嘗試<rect fill="red" x="10" y="10" width="300" height="60" filter="url(#i1)" style="-webkit-svg-shadow:0px 0px 10px red;"></rect>。

來源

2012-05-04 22:07:06 basecode

您似乎缺少開盤報價和財產名稱。 – Marcin

是的，你說得對:)謝謝！ – basecode

似乎不適用於Safari 4（顯然）：P –

SVG Elements無法在Safari中顯示陰影過濾器

回答

相關問題