Skip to content

快速开始

npm 使用

bash
npm install uni-pptx
js
import { UniPPTX } from "uni-pptx";
import "uni-pptx/style.css";

const pptx = new UniPPTX({ container: "#app" });
css
#app {
    min-width: 1000px;
    min-height: 600px;
  }

温馨提示

为了达到最佳的显示效果,本项目推荐的挂载元素宽高尺寸应大于 1000 x 600;

浏览器使用

js
<script src="https://unpkg.com/uni-pptx"></script>
<link rel="stylesheet" href="https://unpkg.com/uni-pptx/dist/style.css">

<script>
    window.onload = function () {
        const pptx = new UniPPTX({ container: "#app" });
    }
</script>

源码构建

bash
## 克隆仓库
git clone https://gitee.com/wfeng0/uni-pptx.git

## 下载依赖
npm install

## 启动项目
npm run dev

温馨提示

Node.js(^18.18.0、^20.9.0 或 >=21.1.0)

项目使用了 Eslint 语法检查工具,因此对 node 的最低版本是有要求的哈~

类型接口

ts
/** 导出 PPtx 构造函数参数对象 */
export interface IPptxOptions {
  container: Element | HTMLElement | string; // 选择器
  width?: number; // konva 宽度
  height?: number; // konva 高度
  websocket?: IYjsWebsocket;
}

// websocket 协同参数
export interface IYjsWebsocket {
  url: string; // 链接地址
  roomname: string; // 房间名 - 用于区分不同的 协同 room
  userid: string; // 用户id
  username?: string; // 用户名
}