Question

＆＃13;

var testbutton = document.getElementById("testbutton");
var content = document.getElementById("content");
testbutton.onclick = function () {
   html2canvas(content, {
     "onrendered": function(canvas) {
       document.body.appendChild(canvas);
     }
   });
};

＆＃13;

<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>

＆＃13;

有没有办法真正删除该元素，以便生成的渲染图像不会留下那个空白区域？

Answer 1

您使用的是任何框架吗？如果是，您的框架可能具有一些html功能或属性来执行此操作。

例如，在Angular中，您可以使用*ngIf进行管理。

它可以帮助您从DOM

中删除空元素

我发现了一种使用data-html2canvas-ignore =“true”隐藏元素的方法。然而，虽然这隐藏了元素，但它仍留下空白空间

1 个答案: