css 如何在html2pdf中忽略特定的div而不留下空格

5ssjco0h  于 2023-02-01  发布在  其他
关注(0)|答案(1)|浏览(134)
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<p>
  <a id="testbutton" href="javascript:void(0);">test</a>
</p>

<div id="content">
    <div class="element-1">1. Is visible</div>
    <div class="element-2" data-html2canvas-ignore="true">2. No visible</div>
    <div class="element-3">3. Is visible</div>
</div>
var testbutton = document.getElementById("testbutton");
var content = document.getElementById("content");
testbutton.onclick = function () {
   html2canvas(content, {
     "onrendered": function(canvas) {
       document.body.appendChild(canvas);
     }
   });
};

在我的代码中,我使用了data-html2canvas-ignore = true,但是它留下了空白。任何解决方案都可以通过消除div而不隐藏来导出pdf。

iklwldmw

iklwldmw1#

你可以使用CSS的display属性忽略一个特殊的div而不留下空白。

div.element-2{ display: none ;}

相关问题