Olá,
Sou um cliente pagante 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á 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;
exibição:watermark'] == 0) {$watermark = "nenhum"; } elseif ($ _ GET ['watermark'] == 1) {$watermark = ""; } echo $watermark; ?>;
}
#tweet iframe {
fronteira: nenhum! importante;
sombra da caixa: nenhum! importante;
}
.copywrite p {
posição: absoluta;
esquerda: 0;
margem superior: -9px;
família da fonte: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
cor: # a2a6a8;
}
Alimentador de captura de tela de tweet
">
-->
<img src="images/watermark.png "classe ="watermark"/>
Tweet a captura de tela de https://sane.social © em ";?>
window.onload = (function () {
var tweet = document.getElementById ("tweet");
var id = tweet.getAttribute ("tweetID");
twttr.widgets.createTweet (
id, tweet, {
conversa: 'nenhum', // ou todos
cartões: '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");