小程序
小游戏
企业微信
微信支付
扫描小程序码分享
ios端 微信小程序中使用 image 标签引入 svg 格式图片
对包裹 svg 图片容器,配置 css 样式 filter: drop-shadow() 配合 overflw:hidden 与 transform:translateX(**px) 想要展示改变样式后的投影图片,隐藏原图。
但是发现在苹果手机上显示不了,怎么办啊?
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(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复合层渲染就正常了。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(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复合层渲染就正常了。