收藏
回答

SVG在CSS的filter内用作图片滤镜在真机上无法生效

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug Android 安卓7.0 三星note5 6.6.7

- 当前 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 个回答

登录 后发表内容