小程序
小游戏
企业微信
微信支付
扫描小程序码分享
ios端 微信小程序中使用 image 标签引入 svg 格式图片
对包裹 svg 图片容器，配置 css 样式 filter: drop-shadow() 配合 overflw:hidden 与 transform:translateX(**px) 想要展示改变样式后的投影图片，隐藏原图。
但是发现在苹果手机上显示不了，怎么办啊？
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
+1我也遇到了，我是使用的Taro
代码：
transform: translateY(-1em); // drop-shadow：通过这个属性，可以为SVG图片投下个可以修改颜色的阴影，然后我们再将原来的部分隐藏掉 // 就可以实现一个可以修改颜色的SVG图标了。 filter: drop-shadow(0 1em 0 currentColor);
试试transform: translateZ(0);添加到gpu复合层渲染就正常了。
外层不overflow:hidden就能显示出来了 ，我的理解是ios下drop-shadow复制出来的新的背景的前提，是被drop-shadow的原图片得是可见的
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
+1我也遇到了，我是使用的Taro
代码：
transform: translateY(-1em); // drop-shadow：通过这个属性，可以为SVG图片投下个可以修改颜色的阴影，然后我们再将原来的部分隐藏掉 // 就可以实现一个可以修改颜色的SVG图标了。 filter: drop-shadow(0 1em 0 currentColor);试试transform: translateZ(0);添加到gpu复合层渲染就正常了。
外层不overflow:hidden就能显示出来了 ，我的理解是ios下drop-shadow复制出来的新的背景的前提，是被drop-shadow的原图片得是可见的