Problemy z generowaniem obrazu dla div z osadzonym wewnątrz

Cześć,

Jestem płacącym klientem, który próbuje zrobić zrzut ekranu element zawierający osadzony tweet z nałożonym rozszerzeniem watermark. Problem polega na tym, że mam zrzut ekranu tylko z watermark. Oto mój kod ... co robię źle?

#tweet {
position: relative;
indeks Z: 1! ważne;
szerokość: 500 pikseli! ważne;
margines lewy: -8px;
margines na górze: -10px;
}

.watermark {
pozycja: absolutna;
góra: 60 pikseli;
po lewej: 100px;
indeks Z: 10! ważne;
pokaz:watermark'] == 0) {$watermark = "brak"; } elseif ($ _ GET ['watermark'] == 1) {$watermark = ""; } echo $watermark; ?>;
}

#tweetuj iframe {
granica: brak! ważne;
box-shadow: brak! ważne;
}

.copywrite p {
pozycja: absolutna;
po lewej: 0;
margines na górze: -9px;
rodzina czcionek: Gotham, „Helvetica Neue”, Helvetica, Arial, „sans-serif”;
rozmiar czcionki: 12px;
kolor: # a2a6a8;
}


Tweet Screen Shot Feeder

">
-->

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


Tweetnij zrzut ekranu z https://sane.social © on ";?>

window.onload = (function () {

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

twttr.widgets.createTweet (
identyfikator, tweet, {

rozmowa: „brak”, // lub wszystkie
karty: „widoczne”, // lub widoczne
motyw: „jasny” // lub ciemny
})

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

});




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

Nie sądzę, że jest to problem z GrabzIt, ale z bezpieczeństwem Twitter API. Prawdopodobnie nie lubi być używany na tymczasowej stronie HTML. Zamiast tego należy zmienić kod, aby zamiast tego używał adresu URL:

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