首页 > 其他分享 >根据图片地址链接下载图片

根据图片地址链接下载图片

时间:2023-01-05 17:45:02浏览次数:37  
标签:canvas const img height width 地址 link 链接 图片

/**
   * 根据图片链接下载图片
   */
  const downloadImg = () => {
    const canvas = document.createElement('canvas');
    const img = document.createElement('img');
    img.onload = () => {
      canvas.width = img.width;
      canvas.height = img.height;
      const context = canvas.getContext('2d');
      context.drawImage(img, 0, 0, img.width, img.height);
      canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);
      canvas.toBlob(b => {
        const link = document.createElement('a');
        link.href = window.URL.createObjectURL(b);
        link.download = new Date().getTime().toString(); // 下载图片名称
        link.click();
      }, "image/jpeg");
    }
    img.setAttribute('crossOrigin', 'Anonymous');
    img.src = imgSrc;
  }

——网上抄的,保留备用。

标签:canvas,const,img,height,width,地址,link,链接,图片
From: https://www.cnblogs.com/atao24/p/17028394.html

相关文章

  • String 内存地址透析
    publicstaticvoidmain(String[]args){Stringa1=newString("1")+newString("1");a1.intern();Stringb1="11";System.......
  • Unity3D中Resources动态加载NGUI图片
    在NGUI中有些图片我需要动态进行变更或者加载,怎么办?首先在项目中创建一个Resources目录,接着把需要的图片放在这里面,可以有子文件夹么?当然可以,文件结构很重要哦~NGUI加载图片......
  • 静态链接库与动态链接库
    ​​静态链接库​​​​动态链接库​​​​浅谈Windows平台下C++调用静态链接库的方式​​​​lib文件​​​​Windows动态链接库DLL使用​​​​WindowsAPI编程之动态链......
  • AS:Flash AS3中获取浏览器信息及URL相关参数(并非swf url地址)
    好久没来这里了,最近发现网络上对此类信息的封装少的可怜,没有一个是比较完整的,今天又是周未,不敲点代码手痒痒的,^_^,所以本人手贱借此时发布一篇是关于 AS3中获取浏览器信息......
  • 思月の友情链接
    ​​Csdn百度云盘​​​​[Graphics]trcj​​​​清清月儿​​​​[Graphics]Sineysoft​​​​AKara​​​​Java怎么玩​​​​[Graphics]痞子龙​​​​as3前瞻专栏​​......
  • 眼疾图片识别
    项目简介:如今近视已经成为困扰人们健康的一项全球性负担,在近视人群中,有超过35%的人患有重度近视。近视会拉长眼睛的光轴,也可能引起视网膜或者络网膜的病变。随着近视度数......
  • CSS 干掉图片背景
    1.首先图片需要有一个容器,容器需要有背景颜色,默认是#fff<divclass="container"><imgsrc="xxx.png"alt=""/></div>2.然后指定混合模式和滤镜.container{b......
  • Python源设置以及国内源地址
    #########国内源地址##############腾讯开源镜像站http://mirrors.cloud.tencent.com/pypi/simple豆瓣http://pypi.douban.com/simple/网易开源镜像站http://mirrors.1......
  • 1_使用swiper数组对象循环图片遇到的问题
    今天在练习微信小程序的swiper组件时,想用列表循环出图片,发现图片一直没出来,控制台也没有报错,后来仔细一看,原来是语法格式写错了。以下是我列表循环踩过的坑:一:微......
  • 软硬链接和IO重定向及管道
    硬链接和软连接lnfilenamelinkname  (属性不变)[root@Rocky8~]#lna.txtaa.txt[root@Rocky8~]#lsaa.txta.txtDesktopDownloadsMusicPu......