SOURCE

console 命令行工具 X clear

                    
>
console
 function downloadImg() {     
      const image = new Image();
      // 解决跨域 canvas 污染问题
      image.setAttribute("crossOrigin", "anonymous");
      image.onload = function() {
        const canvas = document.createElement("canvas");
        canvas.width = image.width*2;
        canvas.height = image.height*2;
        const context = canvas.getContext("2d");
        context.drawImage(image, 0, 0, image.width*2, image.height*2);
        //得到图片的base64编码数据
        const url = canvas.toDataURL("image/png");
        // 生成一个 a 标签
        const a = document.createElement("a");
        // 创建一个点击事件
        const event = new MouseEvent("click");
        // 将 a 的 download 属性设置为我们想要下载的图片的名称,若 name 不存在则使用'图片'作为默认名称
        a.download =name || "download";
        // 将生成的 URL 设置为 a.href 属性
        a.href = url;
        // 触发 a 的点击事件
        a.dispatchEvent(event);
        // return a;
      };
      image.src = document.getElementById("downloadImg").src;
    }
<span class="" ><img src="" height="100px;" width="100px;" id="downloadImg"/></span>
<span class="c1752F0" onclick="downloadImg()">保存二维码</span>