pptxtojson 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -661
- package/README.md +169 -3
- package/dist/index.d.ts +2 -4
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -2
- package/src/align.js +43 -14
- package/src/fill.js +10 -1
- package/src/fontStyle.js +3 -3
- package/src/position.js +4 -4
- package/src/pptxtojson.js +137 -95
- package/src/shadow.js +5 -4
- package/src/shape.js +6 -3
- package/src/text.js +10 -11
package/README.md
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
# 🎨 PPTX2JSON
|
|
2
|
-
这是一个可以将
|
|
2
|
+
这是一个可以将 .pptx 文件转为可读的 json 数据的 JavaScript 库。
|
|
3
3
|
|
|
4
4
|
在线DEMO：https://pipipi-pikachu.github.io/pptx2json/
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
# 🔨安装
|
|
8
|
-
|
|
8
|
+
```
|
|
9
|
+
npm install pptxtojson
|
|
10
|
+
```
|
|
9
11
|
|
|
10
12
|
# 💿用法
|
|
11
13
|
```html
|
|
@@ -32,8 +34,172 @@ document.querySelector('input').addEventListener('change', evt => {
|
|
|
32
34
|
})
|
|
33
35
|
```
|
|
34
36
|
|
|
37
|
+
```js
|
|
38
|
+
// 输出示例
|
|
39
|
+
{
|
|
40
|
+
"slides": {
|
|
41
|
+
"fill": {
|
|
42
|
+
"type": "color",
|
|
43
|
+
"value": "#FF0000"
|
|
44
|
+
},
|
|
45
|
+
"elements": [
|
|
46
|
+
// element data list
|
|
47
|
+
],
|
|
48
|
+
},
|
|
49
|
+
"size": {
|
|
50
|
+
"width": 1280,
|
|
51
|
+
"height": 720
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
# 📏 输出值单位
|
|
57
|
+
为了方便在web应用中使用，在默认情况下，所有输出的长度值单位都是px（像素），但这个值不一定是正确的，你可能需要根据你的设备情况适当调整 `slideFactor` 和 `fontsizeFactor` 参数来获取更准确的结果。或者将这个两个参数全部设置为1，这样输出的将会是原始数据，你可以在此基础上将原数据根据具体情况进行转换。
|
|
58
|
+
|
|
59
|
+
# 📕 功能支持
|
|
60
|
+
|
|
61
|
+
### 幻灯片尺寸
|
|
62
|
+
| prop | type | 描述
|
|
63
|
+
|------------------------|--------------------------------|---------------
|
|
64
|
+
| width | number | 宽度
|
|
65
|
+
| height | number | 高度
|
|
66
|
+
|
|
67
|
+
### 页面背景
|
|
68
|
+
| prop | type | 描述
|
|
69
|
+
|------------------------|---------------------------------|---------------
|
|
70
|
+
| type | 'color' 丨 'image' 丨 'gradient' | 背景类型
|
|
71
|
+
| value | SlideColorFill 丨 SlideImageFill 丨 SlideGradientFill| 背景值
|
|
72
|
+
|
|
73
|
+
### 页内元素
|
|
74
|
+
#### 文字
|
|
75
|
+
| prop | type | 描述
|
|
76
|
+
|------------------------|--------------------------------|---------------
|
|
77
|
+
| type | 'text' | 类型
|
|
78
|
+
| left | number | 水平坐标
|
|
79
|
+
| top | number | 垂直坐标
|
|
80
|
+
| width | number | 宽度
|
|
81
|
+
| height | number | 高度
|
|
82
|
+
| borderColor | string | 边框颜色
|
|
83
|
+
| borderWidth | number | 边框宽度
|
|
84
|
+
| borderType | 'solid' 丨 'dashed' 丨 'dotted' | 边框类型
|
|
85
|
+
| borderStrokeDasharray | string | 非实线边框样式
|
|
86
|
+
| shadow | Shadow | 阴影
|
|
87
|
+
| fillColor | string | 填充色
|
|
88
|
+
| content | string | 内容文字（HTML富文本）
|
|
89
|
+
| isFlipV | boolean | 垂直翻转
|
|
90
|
+
| isFlipH | boolean | 水平翻转
|
|
91
|
+
| rotate | number | 旋转角度
|
|
92
|
+
| vAlign | string | 垂直对齐方向
|
|
93
|
+
| isVertical | boolean | 是否为竖向文本
|
|
94
|
+
| name | string | 元素名
|
|
95
|
+
|
|
96
|
+
#### 图片
|
|
97
|
+
| prop | type | 描述
|
|
98
|
+
|------------------------|--------------------------------|---------------
|
|
99
|
+
| type | 'image' | 类型
|
|
100
|
+
| left | number | 水平坐标
|
|
101
|
+
| top | number | 垂直坐标
|
|
102
|
+
| width | number | 宽度
|
|
103
|
+
| height | number | 高度
|
|
104
|
+
| src | string | 图片地址（base64）
|
|
105
|
+
| rotate | number | 旋转角度
|
|
106
|
+
|
|
107
|
+
#### 形状
|
|
108
|
+
| prop | type | 描述
|
|
109
|
+
|------------------------|--------------------------------|---------------
|
|
110
|
+
| type | 'shape' | 类型
|
|
111
|
+
| left | number | 水平坐标
|
|
112
|
+
| top | number | 垂直坐标
|
|
113
|
+
| width | number | 宽度
|
|
114
|
+
| height | number | 高度
|
|
115
|
+
| borderColor | string | 边框颜色
|
|
116
|
+
| borderWidth | number | 边框宽度
|
|
117
|
+
| borderType | 'solid' 丨 'dashed' 丨 'dotted' | 边框类型
|
|
118
|
+
| borderStrokeDasharray | string | 非实线边框样式
|
|
119
|
+
| shadow | Shadow | 阴影
|
|
120
|
+
| fillColor | string | 填充色
|
|
121
|
+
| content | string | 内容文字（HTML富文本）
|
|
122
|
+
| isFlipV | boolean | 垂直翻转
|
|
123
|
+
| isFlipH | boolean | 水平翻转
|
|
124
|
+
| rotate | number | 旋转角度
|
|
125
|
+
| shapType | string | 形状类型
|
|
126
|
+
| vAlign | string | 垂直对齐方向
|
|
127
|
+
| path | string | 路径（仅自定义形状存在）
|
|
128
|
+
| name | string | 元素名
|
|
129
|
+
|
|
130
|
+
#### 表格
|
|
131
|
+
| prop | type | 描述
|
|
132
|
+
|------------------------|--------------------------------|---------------
|
|
133
|
+
| type | 'table' | 类型
|
|
134
|
+
| left | number | 水平坐标
|
|
135
|
+
| top | number | 垂直坐标
|
|
136
|
+
| width | number | 宽度
|
|
137
|
+
| height | number | 高度
|
|
138
|
+
| data | TableCell[][] | 表格数据
|
|
139
|
+
| themeColor | string | 主题颜色
|
|
140
|
+
|
|
141
|
+
#### 图表
|
|
142
|
+
| prop | type | 描述
|
|
143
|
+
|------------------------|--------------------------------|---------------
|
|
144
|
+
| type | 'chart' | 类型
|
|
145
|
+
| left | number | 水平坐标
|
|
146
|
+
| top | number | 垂直坐标
|
|
147
|
+
| width | number | 宽度
|
|
148
|
+
| height | number | 高度
|
|
149
|
+
| data | ChartItem[] 丨 ScatterChartData | 图表数据
|
|
150
|
+
| chartType | ChartType | 图表类型
|
|
151
|
+
| barDir | 'bar' 丨 'col' | 柱状图方向
|
|
152
|
+
| marker | boolean | 是否带数据标记
|
|
153
|
+
| holeSize | string | 环形图尺寸
|
|
154
|
+
| grouping | string | 分组模式
|
|
155
|
+
| style | string | 图表样式
|
|
156
|
+
|
|
157
|
+
#### 视频
|
|
158
|
+
| prop | type | 描述
|
|
159
|
+
|------------------------|--------------------------------|---------------
|
|
160
|
+
| type | 'video' | 类型
|
|
161
|
+
| left | number | 水平坐标
|
|
162
|
+
| top | number | 垂直坐标
|
|
163
|
+
| width | number | 宽度
|
|
164
|
+
| height | number | 高度
|
|
165
|
+
| blob | string | 视频blob
|
|
166
|
+
| src | string | 视频src
|
|
167
|
+
|
|
168
|
+
#### 音频
|
|
169
|
+
| prop | type | 描述
|
|
170
|
+
|------------------------|--------------------------------|---------------
|
|
171
|
+
| type | 'audio' | 类型
|
|
172
|
+
| left | number | 水平坐标
|
|
173
|
+
| top | number | 垂直坐标
|
|
174
|
+
| width | number | 宽度
|
|
175
|
+
| height | number | 高度
|
|
176
|
+
| blob | string | 音频blob
|
|
177
|
+
|
|
178
|
+
#### Smart图
|
|
179
|
+
| prop | type | 描述
|
|
180
|
+
|------------------------|--------------------------------|---------------
|
|
181
|
+
| type | 'diagram' | 类型
|
|
182
|
+
| left | number | 水平坐标
|
|
183
|
+
| top | number | 垂直坐标
|
|
184
|
+
| width | number | 宽度
|
|
185
|
+
| height | number | 高度
|
|
186
|
+
| elements | (Shape 丨 Text)[] | 子元素集合
|
|
187
|
+
|
|
188
|
+
#### 多元素组合
|
|
189
|
+
| prop | type | 描述
|
|
190
|
+
|------------------------|--------------------------------|---------------
|
|
191
|
+
| type | 'group' | 类型
|
|
192
|
+
| left | number | 水平坐标
|
|
193
|
+
| top | number | 垂直坐标
|
|
194
|
+
| width | number | 宽度
|
|
195
|
+
| height | number | 高度
|
|
196
|
+
| elements | Element[] | 子元素集合
|
|
197
|
+
|
|
198
|
+
### 更多类型请参考 👇
|
|
199
|
+
[https://github.com/pipipi-pikachu/pptx2json/blob/master/dist/index.d.ts](https://github.com/pipipi-pikachu/pptx2json/blob/master/dist/index.d.ts)
|
|
200
|
+
|
|
35
201
|
# 🙏 感谢
|
|
36
202
|
> 本仓库主要参考了 [PPTX2HTML](https://github.com/g21589/PPTX2HTML) 、[PPTXjs](https://github.com/meshesha/PPTXjs) 的实现
|
|
37
203
|
|
|
38
204
|
# 📄 开源协议
|
|
39
|
-
|
|
205
|
+
MIT License | Copyright © 2020-PRESENT [pipipi-pikachu](https://github.com/pipipi-pikachu)
|
package/dist/index.d.ts
CHANGED
|
@@ -11,8 +11,6 @@ export interface Shape {
|
|
|
11
11
|
top: number
|
|
12
12
|
width: number
|
|
13
13
|
height: number
|
|
14
|
-
cx: number
|
|
15
|
-
cy: number
|
|
16
14
|
borderColor: string
|
|
17
15
|
borderWidth: number
|
|
18
16
|
borderType: 'solid' | 'dashed' | 'dotted'
|
|
@@ -26,7 +24,6 @@ export interface Shape {
|
|
|
26
24
|
shapType: string
|
|
27
25
|
vAlign: string
|
|
28
26
|
path?: string
|
|
29
|
-
id: string
|
|
30
27
|
name: string
|
|
31
28
|
}
|
|
32
29
|
|
|
@@ -48,7 +45,6 @@ export interface Text {
|
|
|
48
45
|
rotate: number
|
|
49
46
|
content: string
|
|
50
47
|
vAlign: string
|
|
51
|
-
id: string
|
|
52
48
|
name: string
|
|
53
49
|
}
|
|
54
50
|
|
|
@@ -60,6 +56,8 @@ export interface Image {
|
|
|
60
56
|
height: number
|
|
61
57
|
src: string
|
|
62
58
|
rotate: number
|
|
59
|
+
isFlipH: boolean
|
|
60
|
+
isFlipV: boolean
|
|
63
61
|
}
|
|
64
62
|
|
|
65
63
|
export interface TableCell {
|