Skip to main content

文件导出

网页导出文件这个比较泛，可以是图片、pdf、excel 或视频等等

图片​

将网页生成图片并导出，其实就是页面快照的实现方式

import { saveAs } from "file-saver";
import html2canvas from "html2canvas";
// node 是需要生成图片的网页的根节点
html2canvas(node).then((canvas) => {
  const imgDataURL = canvas.toDataURL("image/png");
  saveAs(imgDataURL);
});

如果是导出其中某张图片，那就相当于文件下载了

pdf​

将网页生成 pdf 并导出，可以借助 html2pdf

import html2pdf from "html2pdf.js";
// ...
function handlePdfExport() {
  html2pdf().from(node).save();
}

[WIP] word​

在网页生成 word 并导出

[WIP] excel​

在网页生成 excel 并导出

[WIP] 音频​

在网页生成音频并导出

[WIP] 视频​

在网页生成视频并导出