html2canvas透明度,将HTML的透明部分转换为Html2Canvas中的白色

我使用Html2Canvas将文档导出为PDF，但它将JPEG的透明部分转换为黑色(我知道它应该如何去除)。但我希望它能够将透明背景转换为白色。在在线解决方案中，建议更改脚本(Html2Canvas或JSPDF)，但我不想这样做，因为它不总是可行的。达到此目的的最佳方法是什么？将HTML的透明部分转换为Html2Canvas中的白色

html2canvas(form, {

imageTimeout: 2000,

removeContainer: true,

background:'#FFF',

onrendered: function (canvas) {

var img = canvas.toDataURL("image/jpeg");

var doc = new jsPDF({

unit: 'pt',

format: 'a4',

});

// pageHeight= doc.internal.pageSize.height;

var image = new Image();

image = Canvas2Image.convertToJPEG(canvas);

doc.addImage(img, 'JPEG', 12, 15);

var corte = (vm.a4[1] * 1.33333) - 30;

var croppingYPosition = corte;

var count = (image.height)/corte;

for (var i = 1; i < count; i++) {

doc.addPage();

var sourceX = 0;

var sourceY = croppingYPosition;

var sourceWidth = image.width;

var sourceHeight = corte;

var destWidth = sourceWidth;

var destHeight = sourceHeight;

var destX = 0;

var destY = 0;

var canvas1 = canvas;

canvas1.setAttribute('height', corte * i);

canvas1.setAttribute('width', destWidth);

var ctx = canvas1.getContext("2d");

ctx.drawImage(image, sourceX,

sourceY,

sourceWidth,

sourceHeight,

destX,

destY,

destWidth,

destHeight);

var image2 = new Image();

image2 = Canvas2Image.convertToJPEG(canvas1);

var image2Data = image2.src;

doc.addImage(image2Data, 'JPEG', 12, 15);

croppingYPosition += destHeight;

}

doc.save('firstPDF.pdf');

$('.pdfTemplates').css('width', '100%');

}

});