vue前端根据接口返回的url 下载图片

   downloadPicture(imgSrc, name) {

      const image = new Image();

      // 解决跨域 Canvas 污染问题

      image.setAttribute("crossOrigin", "anonymous");

      image.src = imgSrc;

      image.onload = () => {

        const canvas = document.createElement("canvas");

        canvas.width = image.width;

        canvas.height = image.height;

        const context = canvas.getContext("2d");

        context.drawImage(image, 0, 0, image.width, image.height);

        canvas.toBlob((blob) => {

          const url = URL.createObjectURL(blob);

          const a = document.createElement("a");

          a.download = name || "photo";

          a.href = url;

          a.click();

          a.remove();

          URL.revokeObjectURL(url);

        });

      };

    },

    downLineFlow(row) {

      this.downloadPicture(row.signatureUrl, row.username);

    },