pdfjs:如何创建多个 canvas 以显示所有页面?
pdfjs: How to create more than one canvas to show all the pages?
我正在遵循以下方法
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 );
}
}
你从链接的答案中删除了部分代码,你从中获取了这个。注意 document.createElement( "canvas" )
。这会为每个页面创建一个新的 canvas。
我正在遵循以下方法 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 );
}
}
你从链接的答案中删除了部分代码,你从中获取了这个。注意 document.createElement( "canvas" )
。这会为每个页面创建一个新的 canvas。