当前位置: 首页 > news >正文

vue 图片base64转化

import html2canvas from ‘html2canvas’

html2canvas(canvasDom, options).then(canvas => {
//此时的图片是base64格式的,我们将图片格式转换一下
let type = ‘png’;
let imgData = canvas.toDataURL(type);
// 照片格式处理
let _fixType = function(type) {
type = type.toLowerCase().replace(/jpg/i, ‘jpeg’);
let r = type.match(/png|jpeg|bmp|gif/)[0];
return ‘image/’ + r;
};
imgData = imgData.replace(_fixType(type), ‘image/octet-stream’);
let filename = this.row.name + ‘的二维码分享.’ + type;
this.saveFile(imgData, filename);
})
saveFile(data, filename) {
let save_link = document.createElementNS(‘http://www.w3.org/1999/xhtml’, ‘a’);
save_link.href = data;
save_link.download = filename;
let event = document.createEvent(‘MouseEvents’);
event.initMouseEvent(‘click’, true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
save_link.dispatchEvent(event);
},

http://www.lryc.cn/news/114473.html

相关文章:

  • TS学习03-类
  • FastAPI(七)应用配置
  • eclipse Java Code_Style Code_Templates
  • 01《Detecting Software Attacks on Embedded IoT Devices》随笔
  • APP外包开发的学习流程
  • 第0章 环境搭建汇总
  • 大数据培训课程-《机器学习从入门到精通》上新啦
  • 暗黑版GPT流窜暗网 降低犯罪门槛
  • 数电与Verilog基础知识之同步和异步、同步复位与异步复位
  • JAVA Android 正则表达式
  • 【MFC】07.MFC第三大机制:消息映射-笔记
  • 【jvm】jvm的生命周期
  • 激光雷达测距和摄像头联合棋盘格反射率标定板
  • 【Docker】docker镜像+nginx部署vue项目:
  • 文件编辑(vi/vim)
  • 1007 Maximum Subsequence Sum (PAT甲级)
  • 虚拟机centos7配置网络
  • ChatGPT实战:创业咨询,少走弯路,少踩坑
  • LangChain手记 Overview
  • Vue_02:详细语法以及代码示例 + 知识点练习 + 综合案例(第二期)
  • [腾讯云 Cloud studio 实战训练营] 制作Scrapy Demo爬取起点网月票榜小说数据
  • 使用paddle进行酒店评论的情感分类5——batch准备
  • 04-1_Qt 5.9 C++开发指南_常用界面设计组件_字符串QString
  • Centos 从0搭建grafana和Prometheus 服务以及问题解决
  • 【代码解读】RRNet: A Hybrid Detector for Object Detection in Drone-captured Images
  • python人工智能可以干什么,python人工智能能干什么
  • K8s工作原理
  • go错误集(持续更新)
  • 【Docker】Docker中network的概要、常用命令、网络模式以及底层ip和容器映射变化的详细讲解
  • arcgis栅格数据之最佳路径分析