SVG在CSS的filter内用作图片滤镜在真机上无法生效
发布于 7 年前 作者 dingna 10865 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

手机上的最终效果

  • 预期表现

开发工具上的预览

滤镜效果在开发工具的预览里有效,但在手机上无效。QAQ 感谢各位大佬相助。

附filter.svg的代码:

<svg xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="tornEdge">

<feTurbulence baseFrequency="0.05" numOctaves="5" type="fractalNoise" result="result91" /> <feDisplacementMap in2="result91" scale="25" result="result5" xChannelSelector="R" in="SourceGraphic" />

<feComposite in2="result5" in="SourceGraphic" operator="atop" />
</filter></defs> </svg>
1 回复

不支持svg哈

回到顶部