pdfjs：如何创建多个 canvas 以显示所有页面？

Question

我正在遵循以下方法 here。问题是所有页面都在第一个 canvas 中。这是因为我只有一个 canvas，我不确定如何才能一个接一个地生成更多 canvas？

 function handlePages(page)
        {
            var viewport = page.getViewport(canvas.width / page.getViewport(1.0).width);
            var ctx = canvas.getContext('2d');

            canvas.height = viewport.height;
            canvas.width = viewport.width;

            page.render({ canvasContext: ctx, viewport: viewport });

            //Add it to the web page
            div.appendChild( canvas);
                //Move to next page
                currPage++;
                if ( $scope.pdfDoc !== null && currPage <= numPages )
                {
                    $scope.pdfDoc.getPage( currPage ).then( handlePages );
                }



        }

Answer 1

你从链接的答案中删除了部分代码，你从中获取了这个。注意 document.createElement( "canvas" )。这会为每个页面创建一个新的 canvas。

pdfjs：如何创建多个 canvas 以显示所有页面？

pdfjs: How to create more than one canvas to show all the pages?

angularjs

canvas

pdf.js