Skip to content

Commit f450cb8

Browse files
committed
docs(pdf): 补充 base64 数据转换说明并更新版本号
- 在 README.md 中添加了使用 atob() 将 base64 数据转换为 blob 数据的说明 - 更新了 package.json 中的版本号,从 0.4.0 升至 0.4.1
1 parent ef66876 commit f450cb8

File tree

3 files changed

+30
-3
lines changed

3 files changed

+30
-3
lines changed

packages/pdf/README.md

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -101,10 +101,28 @@ export default {
101101
};
102102
fileReader.readAsArrayBuffer(res.data);
103103
}
104+
}
104105
};
105106
</script>
106107
````
107108
109+
在传入`base64`数据时,需要通过`atob`将`base64`数据转化为`blob`数据。
110+
111+
```vue
112+
<script>
113+
export default {
114+
methods: {
115+
getPdf() {
116+
// 文件加载逻辑
117+
// ...
118+
this.options.data = atob(res.data);
119+
}
120+
}
121+
}
122+
</script>
123+
124+
```
125+
108126
## 设置页面缩放`scale`,提高分辨率
109127

110128
设置合适的缩放比例额,可以获得高分辨率的图像。
@@ -125,15 +143,15 @@ export default {
125143
|viewportOptions|pdf页面视口配置,同 API `getViewport`参数一致|默认`{scale: 1}`|
126144
|fitView|设置渲染是否适配容器大小|默认`false`,默认为pdf原始大小 |
127145
128-
## `options`
146+
### `options`
129147
130148
| props | 说明 | 默认值 |
131149
| ------- | ------------------------------------------------------------ | ------ |
132150
| url | `String`pdf 文档地址,需要同源 | |
133151
| data | `TypedArray\|ArrayBuffer`,二进制数据、base64(需要`atob()`) | |
134152
| ... | 其他可设置参数通pdfjs API参数 | |
135153
136-
## `viewportOptions`
154+
### `viewportOptions`
137155
138156
| props | 说明 | 默认值 |
139157
| ------- | ------------------------------------------------------------ | ------ |
@@ -142,3 +160,11 @@ export default {
142160
|offsetX|页面水平偏移量|默认 `0`|
143161
|offsetY|页面垂直偏移量|默认 `0`|
144162
|...|||
163+
164+
## 监听事件
165+
166+
| 事件名 | 说明 |
167+
| ------ | ------------------------------------------------------------ |
168+
| finish | pdf文档加载完成,返回对象,包括 - `root`:pdf页面父节点;`totalPages`pdf总页数;clear:清空渲染;getCanvas:获取到pdf的某一页 |
169+
| error | pdf文档加载失败,返回错误信息 |
170+
| ready | 准备加载pdf文档 |

packages/pdf/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@ifun-vue2/pdf",
3-
"version": "0.4.0",
3+
"version": "0.4.1",
44
"description": "pdfjs-dist封装的vu2组件,pdf文件预览",
55
"main": "index.js",
66
"module": "./dist/pdf.esm.js",

packages/pdf/src/pdf/index.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,7 @@ export default {
143143
this.$emit("finish", this.getPdf());
144144
} catch (err) {
145145
console.error(err);
146+
this.$emit("error", err);
146147
} finally {
147148
this.loading = false;
148149
}

0 commit comments

Comments
 (0)