1

私は、pdf.js を使用して C#/ASP.NET フリップブック プロジェクトに取り組んでいます。Chrome で空のキャッシュを持つアプリケーションを起動すると、pdf ファイルが 1 回読み込まれ、すべて問題ありませんが、ページをクリアせずに更新すると、pdf が 5 回完全にダウンロードされるため、サイズは 7,5Mo から37.5月

IE 11、Edge、FireFox で確認しましたが、問題はありません。これらの手順に従ってキャッシュを無効にしようとしましたが、問題は解決しませんでした。

これは私が自分のファイルを呼び出す場所です:

function loadBook() {
    PDFJS.disableWorker = true;
    PDFJS.workerSrc = '../../Scripts/pdf.worker.js';

    $(document).ready(function () {
        var file = "http://localhost:51790/pdf/newspaper.pdf";

        PDFJS.getDocument(file).then(function getPdf(pdf) {
            var pagesNumber = pdf.numPages;

            //Adding canvas to the html
            for (var i = 1; i <= pagesNumber; i++) {
                $('.flipbook').html($('.flipbook').html() + '<div><canvas id="page' + i + '"></canvas></div>');
            }

            //Adding and rendering pages
            for (var i = 1; i <= pagesNumber; i++) {
                renderPage(i, document.getElementById('page' + i), pdf);
            }

            //Creating flipbook
            loadJournal();
        });
    })
}

そして、これは render の私の関数です:

function renderPage(numero, pageElement, pdf) {
    pdf.getPage(numero).then(function (page) {
        var scale = 1;
        var viewport = page.getViewport(scale);
        pageElement.width = viewport.width;
        pageElement.height = viewport.height;

        var renderContext = {
            canvasContext: pageElement.getContext('2d'),
            viewport: viewport
        };
        page.render(renderContext);
    });
}

なぜこのように反応するのかを理解したいと思います。

4

0 に答える 0