Problemas ao gerar imagem para div com incorporação interna

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