字节小程序
开发者社区
小程序小游戏
登录
movable-area组件添加蒙层图片,安卓端显示错误

movable-area组件添加蒙层图片,安卓端显示错误

457浏览作者: KS1688

API或组件名称: movable-area

终端类型: 客户端

App及版本号: 安卓 18.3.0

基础库版本: 2.31.0.1

代码片段ID: https://microapp.bytedance.com/ide/minicode/RBbdtDk

问题模块: API或组件

问题类型: BUG


报错截图或相关BUG

安卓错误显示:ios、开发者工具正确显示


<view class="content" style="background:url(http://image1.17ll.com/gcard/mv931/mask_bg.jpg) no-repeat fixed center;background-size: 100% auto;">

    <movable-area class="moveview" style="-webkit-mask-image: url(http://image1.17ll.com/gcard/mv931/mask.png);-webkit-mask-repeat: no-repeat;-webkit-mask-position-x: center;-webkit-mask-position-y:center;-webkit-mask-size: 100% auto;">

        <movable-view class="moveimgbg" scale out-of-bounds direction="all" style="height:640rpx;width:750rpx;">

            <image mode='widthFix' src="http://image21.photo886.com/print/user/p20210205/202102051034534134654_6.jpg"></image>

        </movable-view>

    </movable-area>

</view>


<canvas type="2d" id="myCanvas" class="imgSize_canvas_view1"></canvas>


复现步骤

苹果和开发者工具显示正常,安卓显示错误,但如果将canvas或movable-view隐藏一个的话,就显示正常了,感觉很奇怪。。到底是什么问题??

最后一次编辑于 2021年11月08日
加载中