canvas绘制渐变透明的图片

    function colorChange() {
      let canvas = document.createElement('canvas');
      canvas.width = 400;
      canvas.height = 400;
      let context = canvas.getContext('2d');
      const grd1 = context.createLinearGradient(0,0,0,400);
      grd1.addColorStop(0,'rgba(53,125,195, 1)');
      grd1.addColorStop(1,'rgba(53,125,195, 0)');
      context.fillStyle =grd1;
      context.fillRect(0,0,400,400)
      document.body.appendChild(canvas)
    }
    colorChange()