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中显示阴影过滤器

回答

相关问题