前端生成PPT

1.生成工具

插件pptxgen

2.使用方法

使用NPM安装 npm install pptxgenjs --save

使用Yarn安装  yarn add pptxgenjs

3.功能

添加幻灯片页，可以使用方法添加文字 addText()，图片 addImage()，表格 addTable()，图表 addChart(), 形状addShape()，媒体 addMedia()等元素
Text 文字 可以对ppt文字颜色、字体大小、字体阴影、背景颜色、文字位置等属性进行配置，达到自己想要的效果
Table 表格 可以添加ppt表格
Image 图片 添加图片，可以添加各种格式图片（png，base64，gif等，可以是assets本地图片，也可以是网络图片，还有二进制图片
Charts 图表 图表，可以支持常见的饼状图、柱状图、折线图等，配置项也挺全的，横纵坐标，legend等啥都有，基本可以满足常用。（然后ppt里还可以直接修改图表的数据）
Media 媒介
 

4.入门使用

import pptxgen from "pptxgenjs";

// 1. 新建一个ppt
let pres = new pptxgen();

// 2. 添加一页幻灯片
let slide = pres.addSlide();

// 3. slide页幻灯片添加文字(x,y可以设置添加的位置)
slide.addText("Hello World from PptxGenJS...", {
    x: 1.5,
    y: 1.5,
    color: "363636",//颜色
    fill: { color: "F1F1F1" },//背景色
    align: pres.AlignH.center,//文字位置
});

// 4.保存导出PPT
pptx.writeFile({ fileName: 'Browser-PowerPoint-Demo.pptx' });

//5.保存导出PPT后执行打印操作
pptx.writeFile({ fileName: 'Browser-PowerPoint-Demo.pptx' });
    .then(fileName => {
        console.log(`created file: ${fileName}`);
    });

5.API

Saving Presentations | PptxGenJS

6.使用过程中遇到的问题（后续遇到会加上）

（1）导出ppt显示图片加载失败

   获取图片进行了异步操作，图片未加载完就导出了，所以要把ppt导出写在异步操作后