html2canvas - warum ist links immer ein Abstand?

[ebody]

Hallo,

https://codepen.io/ebody/pen/zYoVGow

Wenn ich einen Screenshot mache, ist links immer ein Abstand.

Ich habe verschiedene Konfiguration probiert (die jetzt auskommentiert sind), aber leider nichts bewirkt haben.

Hat jemand eine Idee, wie man links den Abstand vermeiden kann?

Gruß ebody

[MudGuard]

Hi,

Wenn ich einen Screenshot mache, ist links immer ein Abstand.

Bei mir ist das erst beim dritten Klick auf Screenshot passiert - nämlich als ein vertikaler Scrollbar vorhanden war.

Seite kleiner gezoomt, so daß der weg war: Screenshot ohne weißen Streifen.

Größer gezoomt, Scrollbar vorhanden, weißer Rand beim Screenshot.

cu,
Andreas a/k/a MudGuard

[ebody]

Ich habe jetzt die Innenbreite des Fensters - Scrollbarbreite...

let scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;

let calcWidth = window.innerWidth - scrollbarWidth;

...als windowWidth Wert verwendet...

html2canvas(fotobox,
             {
              // Configuration
              windowWidth: calcWidth

...und es scheint zu funktionieren. Allerdings habe ich es bisher nur im Chrome getestet.

Gruß ebody

[Rolf B]

Hallo ebody,

der Fuchs scheint das gleiche Ergebnis zu liefern.

Rolf