html52.com
我爱小程序-开发者交流社区

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

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

- 当前 Bug 的表现(可附上截图)

手机上的最终效果
手机上的最终效果- 预期表现

- 预期表现

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

滤镜效果在开发工具的预览里有效,但在手机上无效。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>


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付