Problemi nella generazione dell'immagine per div con incorporamento all'interno

Ciao,

Sono un cliente pagante e sto cercando di ottenere uno screenshot di un file elemento contenente un tweet incorporato sovrapposto a un file watermark. Il problema è che ottengo uno screenshot solo del file watermark. Ecco il mio codice... cosa sto facendo di sbagliato?

#twitta {
position: relative;
indice z: 1! importante;
larghezza: 500 px! importante;
margine-sinistra: -8px;
margine superiore: -10px;
}

.watermark {
posizione: assoluta;
in alto: 60px;
sinistra: 100px;
indice z: 10! importante;
Schermo:watermark'] == 0){ $watermark = "nessuno"; } elseif($_GET['watermark'] == 1){ $watermark = ""; } eco $watermark; ?>;
}

#twitta iframe {
bordo: nessuno !importante;
box-shadow: nessuno! importante;
}

.copywrite p {
posizione: assoluta;
sinistra: 0;
margine superiore: -9px;
famiglia di caratteri: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
colore:#a2a6a8;
}


Alimentatore di schermate Tweet

">
-->

<img src="images/watermark.png" classe="watermark"/>
</div>

Schermata del Tweet scattata da https://sane.social © su ";?>
</div>

finestra.onload = (funzione(){

var tweet = document.getElementById("tweet");
var id = tweet.getAttribute("tweetID");

twttr.widgets.createTweet(
id, tweet, {

conversazione: 'nessuno', // o tutti
carte: 'visibile', // o visibile
tema: 'chiaro' // o scuro
})

.quindi (funzione (el) {
el.contentDocument.querySelector(".footer").style.display = "none";
});

});




GrabzIt("XXXX=").ConvertPage(window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo ("tweet");

Non penso che questo sia un problema con GrabzIt ma con la sicurezza dell'API di Twitter. Probabilmente non gli piace essere utilizzato all'interno di una pagina HTML temporanea. Dovresti invece modificare il codice per utilizzare l'URL:

.ConvertURL(location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo("tweetshot");