最新のSafariのSVGフィルター

私はdom要素に適用できるこのすばらしいsvgフィルターを得て、「ステッカー」効果を作成します。 Chromeでうまく動作し、Safariではサイコロがありません。同じ問題の以前の問題は2010年になっており、サファリ6で修正されたようです。残念ながら、このトピックに関するリソースは見つかりませんでした。問題の開始場所を特定することさえ困難です。最新のSafariのSVGフィルター

私は、任意のヒントを大幅にappreicatedされるだろう

<svg height="200px" width="300px" viewbox="0 0 300 200"> 
    <defs> 
     <filter id="purple-glow" x="-5000%" y="-5000%" width="10000%" height="10000%"> 
      <feFlood result="flood" flood-color="#cdcbbf" flood-opacity="1"></feFlood> 
    <feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"></feComposite> 
<feMorphology in="mask" result="dilated" operator="dilate" radius="5"></feMorphology> 

      <feMerge> 
       <feMergeNode in="dilated"></feMergeNode> 
       <feMergeNode in="SourceGraphic"></feMergeNode> 
      </feMerge> 
     </filter> 
    </defs>     
    </svg>

https://jsfiddle.net/m87sogdh/9/

このJSfiddleで作業コード（inChrome）を添付しました！

出典

2016-09-28 Adam Seckel

私はSafariで試してみました、私はそれは大丈夫に見えると思います！（Chromeでも確認しています） –