// <canvas id="canvas" type="2d"></canvas>

​

  onLoad: function () {

    wx.createSelectorQuery().select('#canvas')

    .node(res => {

      const canvas = res.node;

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

      canvas.width = 100;

      canvas.height = 100;

      const gradient = ctx.createLinearGradient(0, 0, 100, 100);

      gradient.addColorStop(0, 'red')

      gradient.addColorStop(1, 'black')

      ctx.fillStyle = gradient;

      ctx.filter = 'saturate(70%) contrast(85%)';

      ctx.fillRect(0, 0, 100, 100);

    }).exec()

  }