Tools zum Erfassen und Konvertieren des Webs
GrabzIt's Online-Community

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

Stellen Sie Fragen zum Erfassen oder Konvertieren von Webseiten oder HTML into Bilder, CSV-, PDF- oder DOCX-Dokumente sowie Informationen zum Konvertieren von Videos into animierte GIFs mit unserer API.

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



Gefragt vom GrabzIt-Support am 2. März 2020

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

Beantwortet vom GrabzIt-Support am 2. März 2020