pdf.js的使用（2）新的需求已经出现，怎么能够停止不前（迪迦奥特曼主题曲）哈哈哈。^_^

来，咱们看图说事

 按钮1,2是pdf.js自带的，分别对应顺时针旋转90度，逆时针旋转90度。于是乎又要我做一个旋转180度的按钮，诺！按钮3来了。

1.别怂，干！首先顺藤摸瓜，看按钮1,2的html是怎么写的 （这是在viewe.html里面改的，别搞错，汗！！！）

2.中文语言包：　　　　　　　　　　　　　　　　　　　　　　　　英文语言包:

3.3.1还是顺藤摸瓜，看按钮1,2的js源码是怎么写的(在viewer.js文件里面改)

3.2

3.3

3.4

3.5

好了，该加的基本都加了。可以去页面看看效果，如果旋转之后的数据流不需要保存进数据库，那到这就算是搞定了

可是我还没完（靓仔在流泪 (╥╯^╰╥)），这个旋转只是pdf.js把缓存的数据流在前端做了旋转，而我是要把旋转之后的数据流存到数据库里面去，其实也不难

思路就是在你点击旋转180度按钮的时候触发一个事件去请求后台接口，只需要传一个180度到后台，用后台的代码来实现旋转，旋转之后在把数据保存进数据库,这样就保持前后端的数据保持一致了，下次再打开这个文件就是旋转之后的效果了

 <script src="../build/pdf.js"></script>

注意啊！！！ 2标注的红色区域一定要写在这个里面（就是在<script src="viewer.js"></script>之前）

<script src="viewer.js"></script>

标签：停止不前,旋转,180,按钮,数据流,pdf,js,奥特曼
来源： https://www.cnblogs.com/time1997/p/12198214.html