vue3预览pdf可旋转并拖拽盖章任意位置生成新文件

对pdf旋转、拖拽公章或其他图片到pdf任意位置，生成一个新的pdf进行下载
网上搜了一下代码量都挺大的，这里自己来实现一个吧！
涉及到的技术栈：pdfjs-dist、pdf-lib、vueuse

1. <template>
2.   
3.    
4.       
5.         {{ style }}
6.       
7.       
8.         <button @click="resetPosition">恢复初始位置</button>
9.         <button @click="generatePdf">生成 PDF</button>
10.       
11.       
12.         <label>旋转角度：</label>
13.         <input type="number" v-model.number="rotation" step="90" />
14.         <button @click="rota">转换</button>
15.       
16.    
17.    
18.       <img ref="myImage" src="https://www.cnblogs.com/@/assets/222.jpg" alt="静态图片" @load="getImageSize" />
19.    
21.    
22.   
23. </template>

复制代码

来源：豆瓜网用户自行投稿发布，如果侵权，请联系站长删除