pdf预览-pdf.js预览base64格式的数据

前言

pdf.js框架的魅力所在,为其为HTML5实现的,无需任何本地支持,而且对浏览器的兼容性也是比较好,要求只有一个:浏览器支持HTML5就好了!(不过对于低版本的IE,就只能节哀了!)

以下是pdf.js相关的网址:

  • GitHub: https://github.com/mozilla/pdf.js/

使用测试

直接下载就可以使用

<!DOCTYPE html>
<html>
    <head>
        <title>自定义渲染pdf页demo</title>
    </head>
    <body>
        <canvas id="canvas"></canvas>
        <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
        <script>
            var pdfjsLib = window['pdfjs-dist/build/pdf'];
 
            var pdfurl = 'https://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf';
            var pdfData = atob(`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`);
            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.js';
            
            //异步下载pdf 这里面把pdfurl换位base64对象即可
            var loadingTask = pdfjsLib.getDocument({
      
      data: pdfData});
            //加载pdf
            loadingTask.promise.then(function(pdf) {
      
      
                console.log('PDF loaded');
  
                //这里定义的pdf页面 我们选择的是第一页
                var pageNumber = 1;
                //这里面来调用getPage方法获取对应的页面
                pdf.getPage(pageNumber).then(function(page) {
      
      
                    //这个是倍数
                    var scale = 1.5;
                    //这个是展示的倍数viewer.html的倍数就是改的这个东西
                    var viewport = page.getViewport({
      
      scale: scale});
                    
                    //这里面开始真的的绘制 获取canvas id这里面我定义的就叫canvas
                    var canvas = document.getElementById('canvas');
                    //这里面获得一个画笔
                    var context = canvas.getContext('2d');
                    //这里面定义canvas的宽高
                    canvas.height = viewport.height;
                    canvas.width = viewport.width;
 
                    
                    var renderContext = {
      
      
                    canvasContext: context,
                    viewport: viewport
                    };
                    //真正的渲染
                    var renderTask = page.render(renderContext);
                    renderTask.promise.then(function () {
      
      
                        console.log('渲染完毕');
                    });
                });
            }, function(reason){
      
      
                //pdf加载错误 原因有很多 比如文件错误这种的话属于不可解决问题  比如pdf有密码 这种就可以在这里处理
                console.log('loading error')
                //pdfjs 自己编辑的错误码        
                console.error(reason);
            })
        </script>
    </body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_44797182/article/details/127526990