Capturar uma página inteira

O Pinar planeja quadros da viewport, percorre o documento, suprime temporariamente elementos sticky ou fixed repetidos, renderiza na escala do dispositivo e restaura a página ao final.

Conteúdo carregado sob demanda, layouts animados, frames de outra origem e páginas que mudam durante a rolagem podem produzir lacunas ou áreas não resolvidas. Aguarde a página estabilizar, tente novamente ou capture a área afetada separadamente.

O Pinar planeja as posições de rolagem a partir da união das caixas dos pins mais o recuo e captura cada faixa PNG da altura da viewport pela captura de tela da aba. Faixas seguintes esperam um pouco para a página pintar, e o canvas composto usa a densidade de pixels inferida da largura da primeira faixa versus a viewport CSS.

Antes da primeira faixa, nós sticky e fixed são reescritos para não se repetirem em cada quadro. Os estilos inline originais e a rolagem são restaurados mesmo se a composição falhar. Coordenadas de pins e máscaras são deslocadas para a origem da captura antes do recorte.

• Nós fixed passam a posição absoluta na caixa medida, com transforms zerados para o screenshot não deslocá-los duas vezes.
• Nós sticky passam a posição relativa durante a passagem de captura.
• A rolagem das faixas é instantânea para o documento não animar entre os quadros.