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