vue2\vue3\react\h5 实现图片下载到本地

最新推荐文章于 2024-07-23 15:31:11 发布

程序员小蜗

最新推荐文章于 2024-07-23 15:31:11 发布

阅读量544

点赞数

分类专栏： vue 文章标签： react.js 前端前端框架 vue.js javascript taro

本文链接：https://blog.csdn.net/weixin_51958960/article/details/131242661

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

        const image = new Image();
        image.src = '你的图片地址';
        image.setAttribute('crossOrigin', 'anonymous');
        image.onload = () => {
          const canvas = document.createElement('canvas');
          canvas.width = image.width;
          canvas.height = image.height;
          const ctx = canvas.getContext('2d');
          ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
          const dataURL = canvas.toDataURL();
          const a = document.createElement('a');
          a.href = dataURL;
          a.download = `haha.png`;
          a.click();
        };