收藏
回答

lottie生成的canvas与普通元素层级显示问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 工具 8.0.7 2.19.6

view标签元素设置绝对定位覆盖在lottie生成的canvas上,开发者工具看不到view标签,移动端看得到

wxml:

                <view class="item flex">
            <view class="intro" wx:if="{{introShow}}">
                <text>视频速配</text>
                <text>遇见心动</text>
            </view>
            <canvas id="video" class="video" type="2d">
            </canvas>
        </view>



wxss:

.date-choice .item {
    border-radius16rpx;
    position: relative;
}
.date-choice .item .intro {
    position: absolute;
    padding-left30rpx;
    z-index100;
}


js:

wx.createSelectorQuery().select(domId).node(res => {
            const canvas = res.node
            const context = canvas.getContext('2d')
            canvas.width = 336
            canvas.height = 136


            lottie.setup(canvas)
            lottie.loadAnimation({
                looptrue,
                autoplaytrue,
                animationDatarequire(path),
                rendererSettings: {
                    context
                }
            })
        


        }).exec()
回答关注问题邀请回答
收藏

1 个回答

  • Struggle
    Struggle
    2023-11-01

    请问解决了吗

    2023-11-01
    有用
    回复
登录 后发表内容