Javascript 将带有Chart.jscanvases的HTML内容导出为PDF

Javascript 将带有Chart.jscanvases的HTML内容导出为PDF,javascript,chart.js,jspdf,Javascript,Chart.js,Jspdf,我有一个HTML页面,其中包含大约10个由chart.js生成的图表(因此这些是画布元素)。我希望能够将页面内容导出为PDF文件 我尝试过使用jsPDF的.fromHTML函数,但它似乎不支持导出画布内容。(要么这样,要么我做错了)。我只是做了一些类似的事情: $(".test").click(function() { var doc = new jsPDF() doc.fromHTML(document.getElementById("testExport")); doc

我有一个HTML页面,其中包含大约10个由chart.js生成的图表(因此这些是画布元素)。我希望能够将页面内容导出为PDF文件

我尝试过使用jsPDF的.fromHTML函数,但它似乎不支持导出画布内容。(要么这样,要么我做错了)。我只是做了一些类似的事情:

    $(".test").click(function() {
  var doc = new jsPDF()

  doc.fromHTML(document.getElementById("testExport"));
  doc.save('a4.pdf')
});
任何替代方法都将不胜感激。

您应该使用(支持画布导出并更好地表示html元素),以及

以下是一个例子:

var图表=新图表(ctx{
键入:“行”,
数据:{
标签:[一月、二月、三月、四月、五月],
数据集:[{
标签:“DST”,
数据:[3,1,4,2,5],
背景颜色:“rgba(0,119,290,0.2)”,
边框颜色:“rgba(0,119,290,0.6)”,
填充:假
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的,
步长:1
}
}]
}
}
});
函数saveAsPDF(){
html2canvas(document.getElementById(“图表容器”){
onrendered:函数(画布){
var img=canvas.toDataURL();//画布的图像数据
var doc=new jsPDF();
addImage文件(img,10,10);
doc.save('test.pdf');
}
});
}
#图表容器{
背景:白色;
}

ChartJS-折线图


另存为pdf
谢谢!看起来它正在工作,但我需要确保缩放正确。