Probleme beim Generieren eines Bildes für div mit Einbettung darin

Hallo,

Ich bin ein zahlender Kunde, der versucht, einen Screenshot von einem zu bekommen Element, das eine Tweet-Einbettung enthält, überlagert mit einem watermark. Problem ist, ich bekomme nur einen Screenshot von der watermark. Hier ist mein Code ... was mache ich falsch?

#tweet {
Position: relativ;
Z-Index: 1! wichtig;
Breite: 500px! wichtig;
Rand links: -8px;
Rand oben: -10px;
}

.watermark {
position: absolute;
oben: 60px;
links:100px;
Z-Index: 10! wichtig;
Anzeige:watermark'] == 0){ $watermark = "keine"; } elseif($_GET['watermark'] == 1){ $watermark = ""; } echo $watermark; ?>;
}

#tweet iframe {
Grenze: keine !important;
box-shadow: keine !important;
}

.copywrite p {
position: absolute;
links:0;
Rand oben: -9px;
Schriftfamilie: Gotham, „Helvetica Neue“, Helvetica, Arial, „sans-serif“;
font-size: 12px;
Farbe:#a2a6a8;
}


Tweet-Screenshot-Feeder

">
-->

<img src="images/watermark.png" class="watermark"/>


Tweet-Screenshot von https://sane.social © on ";?>

window.onload = (function(){

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

twttr.widgets.createTweet(
ID, Tweet, {

Konversation: 'none', // oder alle
Karten: 'sichtbar', // oder sichtbar
Thema: „hell“ // oder dunkel
})

.then (Funktion (el) {
el.contentDocument.querySelector(".footer").style.display = "none";
});

});




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

Ich glaube nicht, dass dies ein Problem mit GrabzIt ist, sondern mit der Sicherheit der Twitter-API. Es gefällt wahrscheinlich nicht, innerhalb einer temporären HTML-Seite verwendet zu werden. Stattdessen sollten Sie Ihren Code ändern, um stattdessen die URL zu verwenden:

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