小程序上下滑动页面时canvas绘制的图出现抖动的情况

刚做好了一个需求，但是做测试的时候发现，出现小程序上下滑动页面时canvas绘制的图出现抖动的情况

网上一大堆答案，基本都是解决点击canvas滑动时，不允许下面的页面一起跟着滑动，但是我要的效果是，我不管点击canvas也好，还是点击页面其他地方也好，是可以滑动的，并且canvas不出现抖动的情况

红色选中的部分，是canvas画的，在页面上下滑动的时候，会抖动的情况，各种网上找答案

最后取个巧，把绘制好的canvas重新生成图片，然后放在原来的位置上去，这样就不会出现抖动的情况了，而且也可以正常滑动

代码地址，贴了代码，可以直接copy使用的那种

每天踩一个坑，踩的坑多了，自然就不怂了~