#vue将html转换为图片导出
import html2canvas from "html2canvas";
//图片导出
const exportImg = () => {
nextTick(() => {
html2canvas(document.getElementById("exportImg"), { scale: 2, dpi: 350 })
.then((canvas: any) => {
let dataUrl = canvas.toDataURL("image/png");
downLoadImage(dataUrl);
})
.catch((err) => {
console.log(err);
});
});
};
const downLoadImage = (url: string) => {
let link = document.createElement("a");
link.href = url;
link.setAttribute("download", "图片");
link.click();
};