SVG在CSS的filter内用作图片滤镜在真机上无法生效
- 当前 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[代码][代码]>[代码]