将隐藏组件添加到 jspdf

Question

我正在尝试将隐藏的 div 添加到我的 jspdf 文件中。我目前正在使用 html2canvas 来将其添加到 pdf 中。

但是我目前必须使 div 可见，然后将其添加到 pdf 中，然后使其不可见。

我不喜欢这种方法，因为它在屏幕上的显示非常短暂。

如果我可以只使用 hidden 属性，我会更喜欢，但是当我尝试这个时，我会得到一个 Supplied

数据不是有效的 base64 字符串错误。

有没有办法在typescript/react 中添加修复错误？

或者有没有办法让我在 pdf 中添加 visibity: hidden div？当我尝试添加 visibility: hidden div 时，现在什么都没有显示。

const input = document.getElementById('someDiv');
html2canvas(input)
   .then((canvas) => {
      const imgData = canvas.toDataURL('image/png');
      const pdf = new jsPDF('p', 'in', 'a4');
      pdf.addImage(imgData, 'JPEG', .25, .25);
      pdf.save('download.pdf');
});

 <div id='someDiv'>
    ...stuff....
 </div>

#someDiv{
visibility: hidden;
   float: right;
   height:0;
   overflow: hidden;
}

Answer 1

尝试使用display: none，它将删除文档中的元素

#someDiv {
   display: none;
}