一、需求:

绘制两个canvas,用来绘制两个区域的动画,

canvas1和Canvas2有重叠的区域,

canvas2需要覆盖在canvas1上边;

Canvas1绘制的大图片200kb,canvas2绘制的小图片5kb,

绘图顺序,先绘制canvas1,后绘制canvas2。

二、问题: 1. 第一次初始化时,正常,没有问题; 2. 因为触发一些条件,然后重绘这两个Canvas,canvas1却覆盖在了canvas1上边; 3. 使用settimeout延时绘制canvas2,无效。

4. 有帖子说:

<block wx:if="{{condition}}">

导致的局部渲染造成了block里面的canvas绘制的内容 会覆盖到其它canvas绘制内容上面。

但是我这个项目两个canvas显示都需要进行wx:if判断:



5.尝试将需要先绘制的canvas1的wx:if条件限制去掉,问题依旧。

6. 经测试,ios和android都有这样的问题。

----------------

好像是drawimage大图片总是在小图片绘制完之后才进行绘制,而跟canvas绘制顺序没有关系。

请问能否给个解决方案,这个问题比较紧急。。。

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

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 世事秋凉

    8人对此回答表示赞同

    小程序一个页面最好只是用一个canvas,用多了会出现页面卡顿,也不好控制

    展开
    8
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • 有无 2018-12-22 14:46

      nono,那有的使用场景是统计图表,那还得需要多个Canvas呢,

      回复
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
扫码咨询

扫码咨询套餐

回到顶部