live-player 中 canvas 动画无法显示?
发布于 4 年前 作者 fanggao 7141 次浏览 来自 官方Issues

问题: 父容器中使用了一个live-player,由于全屏时要显示一些动画,所以在live-player中插入了一个动画组件,中间包含了canvas;

但是在安卓下动画无法显示,IOS是好的。

// 父容器代码
<LivePlayer >
    <Donghua />
</LivePlayer>

11

// 动画组件的代码
<View
   style="width: 280px; height: 280rpx;"
   className="countdown-container flex flex-item-center flex-justify-center">
  <Canvas style='width: 280rpx; height: 280rpx;z-index: 0; border: 1px solid red;' canvasId="cvs1" ></Canvas>
  <Canvas style='width: 280rpx; height: 280rpx;z-index: 1;border: 1px solid black;' canvasId="cvs2"></Canvas>
  <Canvas style='width: 280rpx; height: 280rpx;z-index: 2;border: 1px solid yellow;' canvasId="cvs3"></Canvas>
  <View className="flex flex-col">
     <View className="timer-count"> {count} </View>
     <View className="timer-tips"> 倒计时 (S) </View>
  </View>
</View >

2 回复

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

补充一下安卓的测试效果, canvas 可以显示,但是动画没显示。

回到顶部