Capturar una página completa

Pinar planifica los fotogramas del viewport, recorre el documento, suprime temporalmente los elementos sticky o fixed repetidos, renderiza con el device pixel ratio y restaura la página después.

El contenido de carga diferida, los diseños animados, los frames de origen cruzado y las páginas que cambian al desplazarse pueden producir huecos o regiones no resueltas. Deja que la página se estabilice, reintenta o captura por separado el área afectada.

Pinar planifica las posiciones de desplazamiento a partir de la unión de los límites de los pins más el relleno, y luego captura cada tesela PNG de la altura del viewport con la API de screenshot de la pestaña. Las teselas posteriores esperan un instante para que la página pueda pintar, y el lienzo compuesto usa el device pixel ratio inferido del ancho de la primera tesela frente al viewport CSS.

Antes de la primera tesela, los nodos sticky y fixed se reescriben para que no se repitan en cada fotograma. Los estilos inline originales y la posición de desplazamiento se restauran aunque falle la composición. Las coordenadas de pins y máscaras se desplazan al origen de la captura antes de recortar la imagen.

• Los nodos fixed pasan a posicionarse de forma absoluta en la caja medida, con las transforms limpiadas para que el screenshot no los desplace dos veces.
• Los nodos sticky pasan a posicionarse de forma relativa durante el pase de captura.
• El desplazamiento de teselas usa scroll-behavior instantáneo para que el documento no se anime entre fotogramas.