Eine ganze Seite erfassen

Pinar plant Viewport-Frames, scrollt durch das Dokument, unterdrückt vorübergehend wiederholte sticky- oder fixed-Elemente, rendert mit dem device pixel ratio und stellt die Seite danach wieder her.

Lazy-loaded Inhalte, animierte Layouts, Cross-Origin-Frames und Seiten, die sich beim Scrollen ändern, können Lücken oder unaufgelöste Bereiche erzeugen. Lass die Seite zur Ruhe kommen, versuche es erneut oder erfasse den betroffenen Bereich separat.

Pinar plant Scrollpositionen aus der Vereinigung der Pin-Grenzen plus padding, erfasst dann jede viewport-hohe PNG-Kachel über die Tab-Screenshot-API. Spätere Kacheln warten kurz, damit die Seite zeichnen kann, und die zusammengesetzte Canvas nutzt das device pixel ratio, ermittelt aus der ersten Kachelbreite im Verhältnis zum CSS-Viewport.

Vor der ersten Kachel werden sticky- und fixed-Knoten umgeschrieben, damit sie nicht auf jedem Frame wiederholt werden. Originale Inline-Styles und die Scrollposition werden auch bei fehlgeschlagener Zusammensetzung wiederhergestellt. Pin- und Masken-Koordinaten werden vor dem Zuschneiden des Bildes zum Capture-Ursprung verschoben.

• fixed-Knoten werden am gemessenen Kasten absolut positioniert, transforms werden gelöscht, damit der Screenshot sie nicht doppelt versetzt.
• sticky-Knoten werden für die Dauer des Capture-Durchlaufs relativ positioniert.
• Das Kachel-Scrolling nutzt instant scroll-behavior, damit das Dokument zwischen Frames nicht animiert.