公告列表
公告列表
收藏
回答

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>


<image style="filter:grayscale(100%) url(../../img/filter.svg#tornEdge);" src="{{userInfo.avatarUrl}}" class="headpic"></image>
回答关注问题邀请回答
收藏

1 个回答

  • 灵芝
    灵芝
    2018-10-22

    不支持svg哈

    2018-10-22
    有用
    回复
请 登录 后发表内容
相关文档