html2canvas无法正确呈现（颜色重叠）

Question

我正在使用html2canvas和jsDoc。我正在将当前的组件html渲染为pdf。 但是在下载pdf后，其他组件的颜色以某种方式与当前组件重叠。这是Angular组件。

屏幕截图：

1. 应用程序的屏幕截图

2. pdf查看器的屏幕截图（可见侧边栏）：

3。pdf查看器的屏幕截图（隐藏的侧边栏）： 您可以看到颜色从“提交”按钮到结束为止都是重叠的。

代码：

  downloadPdf() {
    html2canvas(document.querySelector(".main-content")).then(canvas => {
      var pdf = new jsPDF('p', 'pt', [canvas.width, canvas.height]);
      var imgData = canvas.toDataURL("image/jpeg",1.0);
      pdf.addImage(imgData, 0, 0, canvas.width, canvas.height);
      pdf.save('image.pdf');
    });
  }

有人猜为什么该颜色重叠吗？还有其他将HTML呈现为pdf的解决方案吗？