image.png
// 調(diào)用方式
// 參數(shù)一： src
// 參數(shù)二： 圖片名稱舔株，可選
downloadImage(src, name) {
// 生成一個(gè) a 標(biāo)簽
const a = document.createElement("a");
a.download = name || "圖片";
a.style.display = "none";
const image = new Image();
image.src = src + "?v=" + Math.random();
image.crossOrigin = "*";
const vm = this;
image.onload = () => {
const base64 = vm.getBase64Images(image);
a.href = base64;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
};
},
getBase64Images(image) {
const canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
const context = canvas.getContext("2d");
context.drawImage(image, 0, 0, image.width, image.height);
const url = canvas.toDataURL("image/png", 0);
return url;
},