Problemen bij het genereren van een afbeelding voor een div met insluiting erin

Hallo,

Ik ben een betalende klant en probeer een screenshot te maken van een element dat een tweet-embed bevat met daarop een watermark. Het probleem is dat ik alleen een screenshot krijg van het watermark. Hier is mijn code... wat doe ik verkeerd?

#tweet {
positie: relatief;
z-index: 1 !belangrijk;
breedte: 500 px! belangrijk;
marge-links: -8 px;
margin-top: -10 px;
}

.watermark {
positie: absoluut;
boven: 60 px;
links: 100px;
z-index: 10 !belangrijk;
weergave:watermark'] == 0){ $watermark = "geen"; } elseif($_GET['watermark'] == 1){ $watermark = ""; } echo $watermark; ?>;
}

#tweet-iframe {
rand: geen !belangrijk;
box-shadow: geen !belangrijk;
}

.copywrite p {
positie: absoluut;
links:0;
margin-top: -9 px;
lettertypefamilie: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
kleur:#a2a6a8;
}


Tweet Screenshot-feeder

">
-->

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


Tweet-screenshot door https://sane.social © op ";?>

venster.onload = (functie(){

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

twttr.widgets.createTweet(
id, tweet, {

gesprek: 'geen', // of alles
kaarten: 'zichtbaar', // of zichtbaar
thema: 'licht' // of donker
})

.dan (functie (el) {
el.contentDocument.querySelector(".footer").style.display = "geen";
});

});




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

Ik denk niet dat dit een probleem is met GrabzIt, maar met de beveiliging van de Twitter-API. Het houdt er waarschijnlijk niet van om op een tijdelijke HTML-pagina te worden gebruikt. In plaats daarvan moet u uw code wijzigen om in plaats daarvan de URL te gebruiken:

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