首页 > 其他分享 >html2canvas 生成一个 base64 的海报

html2canvas 生成一个 base64 的海报

时间:2023-11-24 13:33:46浏览次数:48  
标签:imageStr 海报 msSaveOrOpenBlob base64 html2canvas let download u8arr imgUrl

function downloadImage(base64Url) {
    let imgUrl = base64Url;
    if (window.navigator.msSaveOrOpenBlob) {//兼容IE浏览器的写法
	    let imageStr = atob(imgUrl.split(",")[1]);
	    let n = imageStr.length;
	    let u8arr = new Uint8Array(n);
	    while (n--) {
	    u8arr[n] = imageStr.charCodeAt(n);
	    }
	    let blob = new Blob([u8arr]);
	    window.navigator.msSaveOrOpenBlob(blob, "chart-download" + "." + "png");
	} else {//非IE浏览器
		let a = document.createElement("a");
		a.href = imgUrl;
		a.setAttribute("download", "chart-download");
		a.click();
	}
}

标签:imageStr,海报,msSaveOrOpenBlob,base64,html2canvas,let,download,u8arr,imgUrl
From: https://www.cnblogs.com/c0lmd0wn/p/17853550.html

相关文章

  • uniapp使用第三方插件image-tools进行图片转base64
    最近做的这个项目原来是原生android开发的,然后图片上传功能是 前端获取图片->图片转成base64字符串(base64编码)->传递给服务器后端->服务器接受base64字符串数据->获取到的base64转成图片jpg(解码)->存入服务器,并写入数据库后来因为原生安卓太麻烦了,转成了uniapp进行开......
  • 220-jquery,将base64的图片,转为file文件,并通过$.ajax上传
    varbase64='';constblob=dataURLToBlob(base64);constfile=blobToFile(blob,'image.jpg');uploadImage(file);functiondataURLToBlob(base64){constparts=dataURL.split(';base64,');constcontentType=......
  • Base64编码、解码 C语言例子(使用OpenSSL库)----亲测OK
    摘自:https://www.dandelioncloud.cn/article/details/1498198300963708930 //Base64Util.h#ifndef__BASE64_UTIL_H__#define__BASE64_UTIL_H__#ifdef__cplusplus//告诉编译器,这部分代码按C语言的格式进行编译,而不是C++的extern"C"{#endifstring......
  • BASE64加密解密
    https://base64.supfree.net/  ......
  • Docker部署fastposter | 一款快速开发海报的工具
    一、介绍fastposter海报生成器是一款快速开发海报的工具。只需上传一张背景图,在对应的位置放上组件(文字、图片、二维码、头像)即可生成海报。点击代码直接生成各种语言SDK的调用代码,方便快速开发。二、搭建fastposter绿联DX4600为例,首先我们打开Docker管理器,进入镜像管理,然......
  • 算法~base64算法理解
    base64Base64是一种用于将二进制数据编码成ASCII字符的编码方式。它主要用于在文字环境中传输或存储二进制数据,如在电子邮件、XML文件、URL参数等。Base64编码不是一种加密算法,而是一种编码方式,其主要作用是将二进制数据转换为文本数据,以便更容易在文本协议中处理。Base64......
  • uniapp 之绘制海报 并适应机型
    之前绘制的海报出现的问题:①海报有一角圆角没体现出来②海报内容随机型,变动到其他位置(并不是想要的地方)针对于这个问题进行修改注意:海报设置的宽度与你canvas给的标签的宽高是保持一致,下面图片为完成的海报图    一、设置海报的初......
  • 12.base64编码注入
    原理代码审计  黑盒测试下的base64注入admin')and1=1--admin')and1=2--  ......
  • 简单的base64
    题目:importbase64fromstringimport*str1='yD9oB3Inv3YAB19YynIuJnUaAGB0um0='string1='ZYXWVUTSRQPONMLKJIHGFEDCBAzyxwvutsrqponmlkjihgfedcba0123456789+/'string2='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456......
  • opencv,matplotlib,PIL,base64数据转换
    opencv,matplotlib,PIL,base64数据转换目录opencv,matplotlib,PIL,base64数据转换opencvMatplotlibPIL相互转换opencv和MatplotlibMatplotlib和PILopencv和PILopencv和base64PIL和base64​opencv格式numpy np.ndarray读取cv2.imread保存cv2.imwrite显示......