Question

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

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

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

我希望只使用 hidden属性，但是当我尝试此操作时，我会得到一个

数据不是有效的base64-String错误。

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

还是我可以将可见性：隐藏的div添加到pdf 中？现在，当我尝试添加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;
}

将隐藏的组件添加到jspdf

1 个答案: