• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

pdf.js切换版本打包以和功能改造

武飞扬头像
没理由的花呗
帮助1

PDF.js版本切换教程

1、pdf.js官网(http://mozilla.github.io/pdf.js/)

2、pdf.js源码(https://github.com/mozilla/pdf.js)

学新通

3、版本选择

学新通

  • 点击 View all tags 如下图

学新通

  • 选择对应版本zip包下载、解压

学新通

  • 接下来npm install (注意:node.js版本要控制到10以下,要不gulp会报错,导致打包失败)

  • 如遇到node-pre-gyp WARN Using needle for node-pre-gyp https download 问题,可开启代理(dev-sidecar)重新安装

学新通

构建 PDF.js

  • 通用浏览器

gulp generic
  • 如需支持旧版浏览器

gulp generic-legacy
  • 打包完成后,将generic中文件替换到项目中

学新通

注意事项

  • viewer.css中增加滚动条样式以及批注样式

    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    
    /*定义滚动条轨道*/
    ::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 6px;
    }
    
    /*定义滑块 垂直*/
    ::-webkit-scrollbar-thumb:vertical {
      height: 5px;
      background-color: #a8a8a8;
      -webkit-border-radius: 6px;
    }
    
    /*定义滑块 水平*/
    ::-webkit-scrollbar-thumb:horizontal {
      width: 5px;
      background-color: #a8a8a8;
      -webkit-border-radius: 6px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background-color: #c1c1c1;
    }
    
    ::-webkit-scrollbar-thumb:active {
      background-color: #999;
    }
    
    
    学新通
  • viewer.js中修改

    • webViewerPageChanging方法

    学新通

    • webViewerWheel方法

      学新通

    • render方法

      学新通

    • _updateUIState方法

      学新通

    • draw方法

      学新通

    • _createClass(BaseViewer 方法中增加

      {
          key: "getUrlParams",
          // 20220308-jj 获取url参数
          value: function getUrlParams() {
            //获取url
            var _url = window.location.search;
            if (_url === '') {
              _url = window.location.href;
            }
            //获取参数
            var urlParams = {};
            var reg = /[?&][^?&] =[^?&] /g;
            var arr = _url.match(reg);
            if (arr) {
              arr.forEach(function (item) {
                var tempArr = item.substring(1).split('=');
                var key = decodeURIComponent(tempArr[0]);
                var val = decodeURIComponent(tempArr[1]);
                urlParams[key] = val;
              });
            }
      
            return urlParams
          }
        }
      
      学新通

      学新通

    • setInitialView方法

      学新通

    • _writeToStorage方法 注释localStorage.setItem(‘pdfjs.history’, databaseStr);

    学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhhgabic
系列文章
更多 icon
同类精品
更多 icon
继续加载