Javascript JSPDF-如何删除pdf下载中的空白最后一页

Javascript JSPDF-如何删除pdf下载中的空白最后一页,javascript,html,jspdf,Javascript,Html,Jspdf,我在这里使用jspdf。 下载pdf时,我得到一个空白页。 当您单击submit1按钮时,图表将生成,当您按下下载按钮时,这些图表将以pdf格式下载。 一切正常,但最后一页是空白页。 这是我的名片。这里还有html和javascript代码 html dddddddd 点击控制台 提交1 页脚 剧本 $(文档).ready(函数(){ var指数=0; var id=[]; $('#button1')。在('click',function()上{ $('body')。追加($(“”); Hig

我在这里使用jspdf。
下载pdf时,我得到一个空白页。
当您单击submit1按钮时,图表将生成,当您按下下载按钮时,这些图表将以pdf格式下载。
一切正常,但最后一页是空白页。
这是我的名片。这里还有html和javascript代码

html
dddddddd
点击控制台
提交1
页脚

剧本
$(文档).ready(函数(){
var指数=0;
var id=[];
$('#button1')。在('click',function()上{
$('body')。追加($(“”);
Highcharts.图表('图表'+索引{
标题:{
文本:“图表-”+索引+“”
},
系列:[{
数据:[1,2,3]
}]
});
var temp=“图表”+索引+”;
控制台日志(temp);
id.push(温度);
索引++;
});
$('#下载')。在('单击',函数()上){
console.log(id);
var doc=新的jsPDF(“纵向”、“pt”、“a4”为真);
var elementHandler={
“#ignorePDF”:函数(元素、渲染器){
返回true;
}
};
var source=document.getElementById(“徽标”);
fromHTML文件(来源,15,15{
“宽度”:200,
“elementHandler”:elementHandler
});
var DOMURL=window.URL | | window.webkitURL | | window;
var元素=id;
//控制台日志(xx);
for(让我输入元素){
让svg=document.querySelectorAll('svg');
让canvas=document.createElement('canvas');
让canvasIE=document.createElement('canvas');
让context=canvas.getContext('2d');
让data1=(新的XMLSerializer()).serializeToString(svg[i]);
canvg(画布,数据1);
设svgBlob=newblob([data1]{
键入:“image/svg+xml;charset=utf-8”
});
让url=DOMURL.createObjectURL(svgBlob);
设img=新图像();
img.src=url;
img.onload=函数(){
context.canvas.width=$(“#”+元素[i]).find('svg').width();
context.canvas.height=$(“#”+元素[i]).find('svg').height();
drawImage(img,0,0);
//将图像绘制到画布时释放内存
revokeObjectURL(url);
var-dataUrl;
如果(isIEBrowser()){//检查IE浏览器
var svg=$(元素[i]).highcharts().container.innerHTML;
canvg(canvasIE,svg[i]);
dataUrl=canvasIE.toDataURL('image/JPEG');
}否则{
dataUrl=canvas.toDataURL('image/jpeg');
}
addImage文件(dataUrl,'JPEG',20150560350);
让bottomContent=document.getElementById(“底部内容”);
fromHTML文件(bottomContent,15700{
“宽度”:560,
“elementHandler”:elementHandler
});
让logo=document.getElementById(“logo”);
fromHTML文件(徽标,15200{
“宽度”:560,
“elementHandler”:elementHandler
});
doc.addPage();
};
}
setTimeout(函数(){
doc.save('TestChart'+index+'.pdf');
}, 1000);
});
});
函数isIEBrowser(){
变量浏览器;
var ua=window.navigator.userAgent;
变量msie=ua.indexOf(“msie”);
如果(msie>0 | |!!navigator.userAgent.match(/Trident.*rv \:11\./)//Internet Explorer
{
ieBrowser=true;
}else//其他浏览器
{
console.log(“其他浏览器”);
ieBrowser=false;
}
返回浏览器;
};

您可以获取文档中的页数,然后删除最后一页

以下行将显示文档中的页数:

var pageCount = doc.internal.getNumberOfPages();
doc.deletePage(pageCount)
以下代码可用于从文档中删除最后一页:

var pageCount = doc.internal.getNumberOfPages();
doc.deletePage(pageCount)

希望这有帮助

在此之前,var pageCount=doc.internal.getNumberOfPages();警报(页面计数);它的显示正确,但当我使用doc.deletePage(pageCount)时,警报始终只显示1,而页面只显示一个空白,如果您可以在我的Plunk中编辑,它将对medid非常有用。您得到了您想要的答案吗?是的,谢谢您的帮助,我还需要一个帮助,我需要在下载时在所有pdf页面中显示徽标,现在它显示在第一页中。您可以添加一个用于添加新页面的自定义函数,并在该函数中处理该页面的所有页眉/页脚要求。。。类似于--addNewPage(pageNo){//code来添加图像}在需要调用'doc.addPage()'方法的任何地方,调用addNewPage(){//code来添加徽标…doc.addPage()}