Javascript 如何从jspdf页面中删除上/下边框?

Javascript 如何从jspdf页面中删除上/下边框?,javascript,css,html5-canvas,jspdf,html2canvas,Javascript,Css,Html5 Canvas,Jspdf,Html2canvas,我使用html2canvas、canvg和jspdf的组合来获取html内容(其中包含svg图形),并将它们转换为画布,然后用于创建pdf文件。为了避免一些不幸的分页符问题,我发现最好的解决方法是创建多个画布,其中一个画布等于一页。然后,在使用jspdf库之前,使用todataurl()将画布转换为图像,除了pdf页面上的每个图像都有上下边框外,效果非常好 这些边框不会显示在网页本身上,无论是在html还是画布上,它们只显示在生成的pdf上。除此之外,我在谷歌上没有发现任何其他内容:。有人知道发

我使用html2canvas、canvg和jspdf的组合来获取html内容(其中包含svg图形),并将它们转换为画布,然后用于创建pdf文件。为了避免一些不幸的分页符问题,我发现最好的解决方法是创建多个画布,其中一个画布等于一页。然后,在使用jspdf库之前,使用todataurl()将画布转换为图像,除了pdf页面上的每个图像都有上下边框外,效果非常好

这些边框不会显示在网页本身上,无论是在html还是画布上,它们只显示在生成的pdf上。除此之外,我在谷歌上没有发现任何其他内容:。有人知道发生了什么事以及如何消除这些边界吗

-编辑:我应该补充一点,我试过在画布上设置border:none,但没有帮助。我的div也没有设置border属性。使用的浏览器是IE 11,必须支持IE 10+(不支持Chrome和其他浏览器)

这是我用来生成PDF的代码:

function saveToCAMM(canvasArray) {
    var numCanvas = canvasArray.length;
    var imgWidth = 250;
    var pageHeight = 360;
    var canvasPDF = new jsPDF('l', 'mm', "letter");

    for (var i = 0; i < numCanvas; i++) {
        var canvas = canvasArray[i];

        var canvasImg = canvas.toDataURL("image/jpeg", 1.0);
        var imgHeight = canvas.height * imgWidth / canvas.width;

        if (i != 0) { canvasPDF.addPage(); }

        canvasPDF.addImage(canvasImg, 'JPEG', 15, 0, imgWidth, imgHeight);
    }


    canvasPDF.setDisplayMode("125%", "continuous");

}
函数saveToCAMM(canvasArray){
var numCanvas=canvasArray.length;
var imgWidth=250;
var pageHeight=360;
var canvasPDF=新jsPDF('l','mm','letter');
对于(变量i=0;i

谢谢,
Amanda

我也遇到了同样的问题:似乎jpeg图像在画布上有一个黑色背景。toDataURL(“image/jpeg”,1.0)函数,正如前面指出的:


使用canvas.toDataURL()并基本上接受了一个带有透明背景的png图像,这对我来说很合适。

请分享您尝试用于该项目的代码。哇,谢谢您的提醒。