Faça perguntas sobre como capturar ou converter páginas da Web ou HTML into imagens, documentos CSV, PDF ou DOCX, além de como converter vídeos into GIF animado usando nossa API.
Olá,
Sou um cliente pagante e estou tentando obter uma captura de tela de um elemento contendo um tweet incorporado sobreposto com um watermark. O problema é que consigo uma captura de tela apenas do watermark. Aqui está o meu código... o que estou fazendo de errado?
#tweet {
position: relative;
índice z: 1! importante;
largura: 500px! importante;
margem esquerda: -8px;
margem superior: -10px;
}
.watermark {
posição: absoluta;
topo: 60px;
esquerda: 100px;
índice z: 10! importante;
mostrar:watermark'] == 0){ $watermark = "nenhum"; } elseif($_GET['watermark'] == 1){ $watermark = ""; } ecoar $watermark; ?>;
}
#tweet iframe{
borda: nenhuma !importante;
box-shadow: nenhum! Importante;
}
.copywrite p {
posição: absoluta;
esquerda: 0;
margem superior: -9px;
família de fontes: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
cor:#a2a6a8;
}
Alimentador de capturas de tela do Tweet
">
-->
<img src="images/watermark.png"class="watermark"/>
</div>
Captura de tela do Tweet por https://sane.social © em ";?>
</div>
janela.onload=(função(){
var tweet = document.getElementById("tweet");
var id = tweet.getAttribute("tweetID");
twttr.widgets.createTweet(
id, tweet, {
conversa: 'nenhum', // ou todos
cards: 'visível', // ou visível
tema: 'claro' // ou escuro
})
.então (função (el) {
el.contentDocument.querySelector(".footer").style.display = "none";
});
});
GrabzIt("XXXX=").ConvertPage(window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo ("tweetshot");
Não acho que isso seja um problema do GrabzIt, mas da segurança da API do Twitter. Provavelmente não gosta de ser usado dentro de uma página HTML temporária. Em vez disso, você deve alterar seu código para usar o URL:
.ConvertURL(location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo("tweetshot");