pdfjs：如何创建多个画布来显示所有页面？

Question

我正在遵循的方法 here。问题是所有页面都在第一个画布中。这是因为我只有一个画布，我不知道如何一个接一个地生成更多画布？

 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" )。这为每个页面创建了一个新画布。