收藏
回答

ios下 图片的filter无法展示

框架类型 问题类型 终端类型 操作系统 微信版本 基础库版本
小程序 Bug 客户端 iOS 6.7.1 2.2.2

drop-shadow(10rpx 5rpx 10rpx #999999)  图片使用这个,工具以及安卓下都正常。ios下面图片展示的是片段的。

回答关注问题邀请回答
收藏

1 个回答

  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-08-05

    你好,请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-08-05
    有用
    回复 1
    • 即将有人鱼线的李先森
      即将有人鱼线的李先森
      2018-11-08

      大佬,我最近也遇到这个问题,主要是想做图片颜色的动态改变,代码片段就不上传了,直接贴代码吧。

      <view class="icon"><view class="icon icon-del"></view></view>


      .icon {

      display: inline-block;

      width: 50rpx;

      height: 50rpx;

      overflow: hidden;

      vertical-align: ;

      }


      .icon-del {

      background: url("data:image/png;base64,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") no-repeat center;

      background-size: 100% 100%;

      }


      .icon > .icon {

      position: relative;

      left: -10rpx;

      border-right: 50rpx solid transparent;

      -webkit-filter:drop-shadow(50rpx 0 0px #f00);

      filter: drop-shadow(50rpx 0 0px #f00);

      }

      安卓和工具上面显示是正常的,在苹果手机上(测试时用的是8P)只显示图片片段,希望大佬能关注一下这个问题。


      2018-11-08
      回复
登录 后发表内容