Problemas ao gerar imagem para div com incorporar dentro

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");

Não acho que seja um problema com o GrabzIt, mas com a segurança da API do Twitters. Provavelmente não gosta de ser usado em 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");