Javascript PDF重新定稿库在服务器上的运行速度非常慢
我使用PdfJsLib库来呈现我的PDF。它在本地主机上运行良好,但在在线服务器上运行非常缓慢。下面是呈现PDF的JS代码。ebookFile是pdf的路径,而名为goToNext()和goToBack()的函数在前进和后退按钮上被调用,以便切换到下一页和后退页。请在这方面提供帮助。谢谢Javascript PDF重新定稿库在服务器上的运行速度非常慢,javascript,pdfjs,Javascript,Pdfjs,我使用PdfJsLib库来呈现我的PDF。它在本地主机上运行良好,但在在线服务器上运行非常缓慢。下面是呈现PDF的JS代码。ebookFile是pdf的路径,而名为goToNext()和goToBack()的函数在前进和后退按钮上被调用,以便切换到下一页和后退页。请在这方面提供帮助。谢谢 <script> var i = 1; var zoom = 1; var totalPages; pdfjsLib.getDocument(ebookFile).then
<script>
var i = 1;
var zoom = 1;
var totalPages;
pdfjsLib.getDocument(ebookFile).then(doc => {
doc.getPage(i).then(page => {
var myCanvas = document.getElementById("my_canvas");
totalPages = doc._pdfInfo.numPages;
document.getElementById('total_pages').innerHTML = totalPages;
document.getElementById('page_number').innerHTML = i+" / "+totalPages;
var context = myCanvas.getContext("2d");
var viewport = page.getViewport(zoom);
myCanvas.width = viewport.width;
myCanvas.height = viewport.height;
page.render({
canvasContext: context,
viewport: viewport
});
});
});
function goToNext() {
if(i < totalPages)
{
pdfjsLib.getDocument(ebookFile).then(doc => {
doc.getPage(++i).then(page => {
var myCanvas = document.getElementById("my_canvas");
document.getElementById('page_number').innerHTML = i+" / "+totalPages;
var context = myCanvas.getContext("2d");
var viewport = page.getViewport(zoom);
myCanvas.width = viewport.width;
myCanvas.height = viewport.height;
page.render({
canvasContext: context,
viewport: viewport
});
});
});
}
}
function goToBack() {
if(i > 1)
{
pdfjsLib.getDocument(ebookFile).then(doc => {
doc.getPage(--i).then(page => {
var myCanvas = document.getElementById("my_canvas");
document.getElementById('page_number').innerHTML = i+" / "+totalPages;
var context = myCanvas.getContext("2d");
var viewport = page.getViewport(zoom);
myCanvas.width = viewport.width;
myCanvas.height = viewport.height;
page.render({
canvasContext: context,
viewport: viewport
});
});
});
}
}
</script>
var i=1;
var-zoom=1;
var totalPages;
getDocument(电子书文件)。然后(doc=>{
doc.getPage(i).然后(page=>{
var myCanvas=document.getElementById(“我的画布”);
totalPages=doc.\u pdfInfo.numPages;
document.getElementById('total_pages')。innerHTML=totalPages;
document.getElementById('page_number')。innerHTML=i+“/”+totalPages;
var context=myCanvas.getContext(“2d”);
var viewport=page.getViewport(缩放);
myCanvas.width=viewport.width;
myCanvas.height=viewport.height;
page.render({
背景:背景,
视口:视口
});
});
});
函数goToNext(){
如果(i{
doc.getPage(++i)。然后(page=>{
var myCanvas=document.getElementById(“我的画布”);
document.getElementById('page_number')。innerHTML=i+“/”+totalPages;
var context=myCanvas.getContext(“2d”);
var viewport=page.getViewport(缩放);
myCanvas.width=viewport.width;
myCanvas.height=viewport.height;
page.render({
背景:背景,
视口:视口
});
});
});
}
}
函数goToBack(){
如果(i>1)
{
getDocument(电子书文件)。然后(doc=>{
doc.getPage(--i)。然后(page=>{
var myCanvas=document.getElementById(“我的画布”);
document.getElementById('page_number')。innerHTML=i+“/”+totalPages;
var context=myCanvas.getContext(“2d”);
var viewport=page.getViewport(缩放);
myCanvas.width=viewport.width;
myCanvas.height=viewport.height;
page.render({
背景:背景,
视口:视口
});
});
});
}
}