Ciao,
Sono un cliente pagante che cerca di ottenere una schermata di un elemento <div> contenente un tweet incorporato sovrapposto a una filigrana. Il problema è che ottengo uno screenshot della sola filigrana. Ecco il mio codice ... cosa sto facendo di sbagliato?
<! doctype html>
<Html>
<head>
<meta charset = "utf-8">
<Style>
#tweet {
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;
display: <? php if ($ _ GET ['watermark'] == 0) {$ watermark = "none"; } elseif ($ _ GET ['watermark'] == 1) {$ watermark = ""; } echo $ watermark; ?>;
}
#tweet 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;
color: # a2a6a8;
}
</ Style>
<title> Alimentatore di schermate Tweet </title>
<script src = "https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"> </script>
</ Head>
<body>
<div class = "tweet-wrapper" id = "content">
<div id = "tweet" tweetID = "<? php echo $ _GET [" tweetid "];?>"> </div>
<! - <div id = "tweet" tweetID = "1223594060818059264"> </div> ->
<img src = "images / watermark.png" class = "filigrana" />
</ Div>
<div class = "copywrite">
<p> Schermata del Tweet scattata da <strong> https://sane.social </strong> © alla data dell'eco <? php ("M. d, Y"). "<br>";?> </ P>
</ Div>
<script sync src = "https://platform.twitter.com/widgets.js"> </script>
<Script>
window.onload = (function () {
var tweet = document.getElementById ("tweet");
var id = tweet.getAttribute ("tweetID");
twttr.widgets.createTweet (
id, tweet, {
conversazione: 'none', // o all
carte: 'visibile', // o visibile
tema: 'chiaro' // o scuro
})
.then (function (el) {
el.contentDocument.querySelector (". footer"). style.display = "none";
});
});
<div id = "tweetshot"> </div>
<script type = "text / javascript">
GrabzIt ("XXXX ="). ConvertPage (window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ( "tweetshot");
</ Body>
</ Html>
