vue-pdf-viewer-package v1.0.4

vue-pdf-viewer

PDF viewer customization based on pdfjs

github地址：https://github.com/TigerLiv/vue-pdf-viewer
使用

npm install --save vue-pdf-viewer-package

实现了pdf多种渲染方式、高亮字段、滚动到相应位置等功能

渲染

可以使用二进制，base64等方式渲染

还有很多有兴趣可以在src文件夹下查看源码及更多API 很详细

import pdfViewer from 'vue-pdf-viewer-package/src'

export default{
  data(){
    return {
      pdfViewer:null
    }
  },
  mouted(){
    this.pdfViewer=new pdfViewer.PDFViewer(
        {
          url:'/mock/demo.pdf',
          container:'this.$refs.viewer'
        }
    );
    // 页面改变时
    this.pdfViewer.addEventListener('pageschanged',()=>{
      
    });
    // 某些字段高亮
    this.pdfViewer.highlight(pageNum, x, y, width, height, color);
    // 滚动到某个位置
    // isOriginalMetrics 代表是否采用原始pdf的坐标系统， 
    // true, 则offset是没有经过缩放的距离当前页顶部的高度
    // false, 则offset是实现渲染过后， 用户所感知的距离当前页顶部的高度
    this,pdfViewer.scrollTo(pageNum, offset, isOriginalMetrics = true)
    
  
  },
  beforeDestory(){
    // 释放内存
    this.pdfViewer.destory()
  }
}