0.0.1 • Published 9 months ago
breeze-pdf v0.0.1
breeze-pdf
这是一个Vue 3的PDF组件，用于在网页中显示和操作PDF文件,具备上滑加载，语音播报，旋转，比例缩放，快速模糊渲染等功能。
安装
使用npm安装该组件：
npm install breeze-pdf使用
在Vue项目中引入该组件：
<template>
<div>
<PdfComponent :src="pdfUrl" :width="pdfWidth" />
</div>
</template>
<script setup>
import {ref} from "vue"
import PdfComponent from 'breeze-pdf';
const pdfUrl = ref('http://example.com/sample.pdf')
const pdfWidth = ref('100%')
</script>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| src | String | - | PDF文件的URL地址 |
| width | String | 'auto' | PDF组件的宽度 |
| distance | Number | 1000 | 底部触发新渲染的滚动距离 |
| scale | Number | 1 | 缩放比例 |
| blur | Number | 10 | 模糊程度(越大越模糊速度越快) |
| renderSize | Number | 99 | 单次渲染的页数 |
| module | String | 'vertical' | 显示模式，可选值为 'vertical'（垂直模式）或 'horizontal'（水平模式，未做） |
| rotation | Number | 0 | PDF旋转角度 |
| speak | Boolean | true | 是否开启单击页面语音播报 |
方法
| 方法 | 描述 |
|---|---|
| resetPdf | 重置PDF页面内容(ref获取元素可调用) |
注意事项
- 请确保安装了PDF.js库和ResponsiveVoice.js库 - 该组件仅支持在Vue 3项目中使用 - 请根据需要设置合适的属性值以实现所需的功能和效果
贡献
如果您发现任何问题或有改进建议，请在GitHub上提出issue或提交pull request。感谢您的贡献！
0.0.1
9 months ago