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。感谢您的贡献！