<canvas canvas-id="myCanvas" style="border: 1px solid;"/>

JS

onLoad: function () {
    var img = [];
    for (var i = 0; i < 40; i++) {
        img.push('../../images/frame1/' + i + '.png');
    }
    const ctx = wx.createCanvasContext('myCanvas');

    var currentIndex = 0;

    var aaa = setInterval(function () {
        frame(40);
    }, 100)

    function frame(num) {
        if(currentIndex<num){
            ctx.clearRect(0, 0, 2000, 2000);  //清空画布
            ctx.drawImage(img[currentIndex], 0, 0, 300, 150);
            ctx.draw();
            currentIndex++;
        }else{
            clearInterval(aaa);
        }
    }
}

开发者工具上会有点卡，真机上看流畅
本来用的是requestAnimationFrame
开发者工具可以用，但是真机是不兼容
所以用的setInterval