waveCount = 12,  // 波浪个数

      // startX = startX,

      startY = 160,   // canvas 高度

      progress = $progress,// 波浪位置的高度

      d2 = waveWidth / waveCount,// 单个波浪的宽度

      d = d2 / 2,

      hd = d / 2;

    const query = wx.createSelectorQuery()

    var c = query.select($canvasID);

    c.width = this.data.canvasWidth;

    c.height = 212;

    query.select($canvasID).fields({ node: true, size: false }).exec((res) => {

      console.log(res)

      const canvas = res[0].node

      const ctx = canvas.getContext('2d')

      function move () {

        offset -= 5;

        if (-1 * offset === d2) offset = 0;

        ctx.clearRect(0, 0, c.width, c.height);

        ctx.fillStyle = $maveColor;

        ctx.beginPath();

        let offsetY = startY - progress;

        ctx.moveTo(startX - offset, offsetY);

        for (let i = 0; i < waveCount; i++) {

          let dx = i * d2;

          let offsetX = dx + startX - offset;

          ctx.quadraticCurveTo(offsetX + hd, offsetY + waveHeight, offsetX + d, offsetY);

          ctx.quadraticCurveTo(offsetX + hd + d, offsetY - waveHeight, offsetX + d2, offsetY);

        }

        ctx.lineTo(startX + waveWidth, 3000);

        ctx.lineTo(startX, 3000);

        ctx.fill();

​

        setTimeout(move, $time / 200);    //速度

      }

​

      move();

    })