下载canvas图片

最新推荐文章于 2024-04-30 16:57:21 发布

长影缚苍龙

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量123

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_36521981/article/details/136843640

版权

const canvas =document.getElementsByClassName('SingleResultPreview_canvas__kHXix')[0]
 
  // 创建一个 a 标签，并设置 href 和 download 属性
  const el = document.createElement('a');
  // 设置 href 为图片经过 base64 编码后的字符串，默认为 png 格式
  el.href = canvas.toDataURL();
  el.download = '文件名称'; 
  // 创建一个点击事件并对 a 标签进行触发
  const event = new MouseEvent('click');
  el.dispatchEvent(event);

或者

const canvas =document.getElementsByClassName('SingleResultPreview_canvas__kHXix')[0]
 
 var ele = document.createElement('a');// 创建下载链接 
    ele.style.display = 'none';// 隐藏的可下载链接
    // 字符内容转变成blob地址 
    ele.href = canvas.toDataURL();
     ele.download = '文件名称';
    // 绑定点击时间
    document.body.appendChild(ele);
    ele.click();
    // 然后移除
    document.body.removeChild(ele);