在ios中带阴影的svg图标显示不正常，或者不显示的问题

因为项目里面用到了svg并且是带有阴影，在windows的pc端的时候看起来没有任何问题，但是放在mac的safari的模拟器以及ipad上面都会出现svg不显示的问题。当时也并不清楚问题出在了哪里，后来发现这两个图片都有共同的特点，都带有阴影filter标签，当时就是怀疑是这里影响到了svg的正常显示，后面把其他的都删掉，只保留了path，显示就正常了，但是这样就是少了阴影，所以需要自己手动的添加css

.svg-wrapper {
    -webkit-filter: drop-shadow( 0 .04rem .02rem rgba(0,0,0,.4) );
    filter: drop-shadow( 0 .04rem .02rem rgba(0,0,0,.4) );
}
<svg className="svg-class-name" />

这样就可以加上阴影了，具体还需要自己去调

如果没有特殊要求的话可以直接使用图片，或者把svg插入到背景图当中（不推荐，失去了svg的意义）