vue 生成海报,解决跨域问题 ,下载图片到本地
// 获取图片元素// 创建图片元素var img = new Image();//设置图片跨域img.setAttribute("crossOrigin", "anonymous");//设置图片路径img.src = url;//下载图片img.onload = function() {//创建画布var can =document.createEleme...
·
// 获取图片元素
// 创建图片元素
var img = new Image();
//设置图片跨域
img.setAttribute("crossOrigin", "anonymous");
//设置图片路径
img.src = url;
//下载图片
img.onload = function() {
//创建画布
var can = document.createElement("canvas");
//设置画布大小
can.width=150;
can.height = 150;
let ctx = can.getContext("2d");
//绘制图片
ctx.drawImage(img,0,0,150,150);
//得到图片的base64编码数据
var newurl = can.toDataURL("image/png");
// 生成一个a元素
var a = document.createElement("a");
// 创建一个单击事件
var event = new MouseEvent("click");
// 设置图片名称
a.download = name || "二维码";
// 将生成的URL设置为a.href属性
a.href = newurl;
// 触发a的单击事件
a.dispatchEvent(event);
}
更多推荐
已为社区贡献2条内容
所有评论(0)