File tree Expand file tree Collapse file tree 3 files changed +30
-3
lines changed Expand file tree Collapse file tree 3 files changed +30
-3
lines changed Original file line number Diff line number Diff line change @@ -101,10 +101,28 @@ export default {
101
101
};
102
102
fileReader.readAsArrayBuffer(res.data);
103
103
}
104
+ }
104
105
};
105
106
</script>
106
107
````
107
108
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
+
108
126
## 设置页面缩放` scale ` ,提高分辨率
109
127
110
128
设置合适的缩放比例额,可以获得高分辨率的图像。
@@ -125,15 +143,15 @@ export default {
125
143
|viewportOptions|pdf页面视口配置,同 API `getViewport`参数一致|默认`{scale: 1}`|
126
144
|fitView|设置渲染是否适配容器大小|默认`false`,默认为pdf原始大小 |
127
145
128
- ## `options`
146
+ ### `options`
129
147
130
148
| props | 说明 | 默认值 |
131
149
| ------- | ------------------------------------------------------------ | ------ |
132
150
| url | `String`pdf 文档地址,需要同源 | |
133
151
| data | `TypedArray\|ArrayBuffer`,二进制数据、base64(需要`atob()`) | |
134
152
| ... | 其他可设置参数通pdfjs API参数 | |
135
153
136
- ## `viewportOptions`
154
+ ### `viewportOptions`
137
155
138
156
| props | 说明 | 默认值 |
139
157
| ------- | ------------------------------------------------------------ | ------ |
@@ -142,3 +160,11 @@ export default {
142
160
|offsetX|页面水平偏移量|默认 `0`|
143
161
|offsetY|页面垂直偏移量|默认 `0`|
144
162
|...|||
163
+
164
+ ## 监听事件
165
+
166
+ | 事件名 | 说明 |
167
+ | ------ | ------------------------------------------------------------ |
168
+ | finish | pdf文档加载完成,返回对象,包括 - `root`:pdf页面父节点;`totalPages`pdf总页数;clear:清空渲染;getCanvas:获取到pdf的某一页 |
169
+ | error | pdf文档加载失败,返回错误信息 |
170
+ | ready | 准备加载pdf文档 |
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " @ifun-vue2/pdf" ,
3
- "version" : " 0.4.0 " ,
3
+ "version" : " 0.4.1 " ,
4
4
"description" : " pdfjs-dist封装的vu2组件,pdf文件预览" ,
5
5
"main" : " index.js" ,
6
6
"module" : " ./dist/pdf.esm.js" ,
Original file line number Diff line number Diff line change @@ -143,6 +143,7 @@ export default {
143
143
this .$emit (" finish" , this .getPdf ());
144
144
} catch (err) {
145
145
console .error (err);
146
+ this .$emit (" error" , err);
146
147
} finally {
147
148
this .loading = false ;
148
149
}
You can’t perform that action at this time.
0 commit comments