在網站中初始化PDF.js

-3

我正在嘗試將PDF.js集成到我的網站中，但無法正確完成。在網站中初始化PDF.js

這是屏幕顯示：

我看不到屏幕上的PDF文件，但是當我按下Print，打印菜單的確顯示它的PDF文件。其他功能工作正常。

這是我的代碼：

[[HTML HERE downloaded from source of PDF.JS]] 

<!-- This snippet is used in production (included from viewer.html) --> 
<link rel="resource" type="application/l10n" href="<?php echo JS_LIB_FOLDER; ?>pdfjs/web/locale/locale.properties"/> 

<?php 
echo $this->Html->css(JS_LIB_FOLDER . 'pdfjs/web/viewer.css'); 

echo $this->Html->script(JS_LIB_FOLDER . 'pdfjs/web/compatibility.js'); 
echo $this->Html->script(JS_LIB_FOLDER . 'pdfjs/web/l10n.js'); 
echo $this->Html->script(JS_LIB_FOLDER . 'pdfjs/build/pdf.js'); 
echo $this->Html->script(JS_LIB_FOLDER . 'pdfjs/web/debugger.js'); 
echo $this->Html->script(JS_LIB_FOLDER . 'pdfjs/web/viewer.js'); 
?> 

<script type="text/javascript"> 
    'use strict'; 
    PDFJS.imageResourcesPath = site_url+'js/library/pdfjs/web/images/'; 
    PDFJS.workerSrc = site_url+'js/library/pdfjs/build/pdf.worker.js'; 
    PDFJS.cMapUrl = site_url+'js/library/pdfjs/web/cmaps/'; 

</script>

我已經廣泛地用Google搜索這個問題，但發現對如何成功整合這個圖書館沒有。任何便士的幫助將不勝感激。

P.S.在JavaScript控制檯中沒有錯誤。

來源

2016-01-08 Parixit

「但無法正確完成。」不是對問題的描述。你遇到了哪些具體的**問題？我們不會經歷數百行大多不相關的代碼來嘗試解密您的問題。 – ceejayoz

請將提供的代碼減少到最小樣本再現錯誤 –

@Parixit您還沒有描述*發生了什麼。您是如何解決問題的？您是否嘗試過使用PDF.js創建一個最小的頁面以確保它可行？ – ceejayoz

如果您的佈局（例如/app/View/Layouts/default.ctp），你的內容塊被包裹在div的：

<div id="container"> 
    <div id="content"> 
     <?php echo $this->fetch('content'); ?> 
    </div> 
</div>

的PDFJS帆布將被隱藏，並且你將不能夠以可視化的PDF。

如果您在螢火蟲<div id="outerContainer">計算的佈局，這是你會得到什麼：

即1212個像素寬，但0像素高。

您可以在佈局中刪除包裹您的內容塊的div，也可以爲div指定高度。例如：

<div id="outerContainer" style="height:400px">

來源

2016-01-11 20:44:48

在網站中初始化PDF.js

回答

相關問題