So entfernen Sie bestimmte Elemente vor der Einnahme screenshot?

Ich bin in der Lage, nehmen Sie screenshot der Seite mit den Beispiel-code unten: 

html2canvas(document.body, {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});

Nun gibt es bestimmte div ' s ich nicht wollen Teil sein von der Seite, wenn ich den screenshot?
Wie kann ich verhindern, dass ein Teil der screenshot.

Einer Weise, die ich dachte, war Klon des Elements und entfernen Sie dann die Elemente, aber einen screenshot von den Klonen gibt einen weißen Bildschirm. Hier ist der code, den ich verwendet:

html2canvas($(document.body).clone()[0], {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});
InformationsquelleAutor user566245 | 2013-12-15
  1. 47

    Dieses Attribut hinzufügen: data-html2canvas-ignore für jedes element Sie wollen nicht genommen werden, wenn der screenshot wird verarbeitet.

    Hoffentlich wird dies helfen, den nächsten Kerl.

    • oder können Sie das ausblenden der div mit jquer/javascript vor dem Aufruf von html2canvas Funktion dann zeigen Sie dann zwischen der Funktion.
    • paa g ist es, die Arbeit für Seiten mit scrollen? Ich bin versucht zu tun, wie ich es haben div die Umwandlung in Leinwand, es enthält Blättern, aber es ist nur die Umwandlung jener Elemente, die auf dem Bildschirm sichtbar, in anderen Worten, es ist unter Screenshot.... gibt es eine Möglichkeit, das ganze-Seite-screen-shot???
    • Ich bin immer die ganze Seite, nicht nur der sichtbare Bereich.
    • Wir helfen Ihnen auch weiter, Typ: "Add-Attribut zum element" konkret bedeutet <div data-html2canvas-ignore="true"> Hidden in pdf </div>.
    • Daten-html2canvas-ignore="true"
    • gibt es eine Möglichkeit zu ignorieren, Elemente, die über query-Selektor? Ich habe festgestellt, dass er ignoreElements Eigenschaft, aber ich weiß nicht, wie Sie es richtig verwenden.

    InformationsquelleAutor user566245
Schreibe einen Kommentar