在图片上放一个异形黑色透明图片作为蒙版,下方图片只能按照黑色异形透明区域显示,方案就是在<image>标签加样式:

<image

src='{{page.image_url}}'

mode='aspectFill'

wx:if="{{page.image_key != null}}"

style="width:{{page.width}}rpx;height:{{page.height}}rpx;-webkit-mask-image:url('{{page.mask_image}}');-webkit-mask-size: {{page.mask_width}}rpx {{page.mask_height}}rpx;margin-left:{{page.margin_left}}rpx;margin-top:{{page.margin_top}}rpx;position:absolute;z-index:900;"

/>

-webkit-mask-image:url 是黑色蒙版的照片地址,在安卓手机上可以正常显示,但是在苹果ios12上不显示,ios11可以显示。

- 预期表现


展开全部
收起
0回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部