-3

Web サイトに統合しようとし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>

この問題を広範囲にグーグル検索しましたが、このライブラリをうまく統合する方法については何も見つかりませんでした。ペニーの助けをいただければ幸いです。

PS javascript コンソールにエラーはありません。

4

1 に答える 1

3

レイアウト (例: /app/View/Layouts/default.ctp) で、コンテンツ ブロックが div でラップされている場合:

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

PDFJS キャンバスが非表示になり、PDF を視覚化できなくなります。

<div id="outerContainer">Firebug で計算されたレイアウトを確認すると、次のようになります。

<div id= の計算されたレイアウト

幅は 1212 ピクセルですが、高さは 0 ピクセルです。

レイアウトでコンテンツ ブロックをラップしている div を削除するか、div に高さを割り当てることができます。例えば：

<div id="outerContainer" style="height:400px">
于 2016-01-11T20:44:48.760 に答える