Cześć,
Jestem płatnym klientem, który próbuje uzyskać zrzut ekranu elementu <div> zawierającego tweet osadzony ze znakiem wodnym. Problem w tym, że dostaję zrzut ekranu tylko znaku wodnego. Oto mój kod ... co robię źle?
<! doctype html>
<Html>
<Head>
<meta charset = "utf-8">
<Style>
#tweet {
position: relative;
indeks Z: 1! ważne;
szerokość: 500 pikseli! ważne;
margines lewy: -8px;
margines na górze: -10px;
}
.znak wodny {
pozycja: absolutna;
góra: 60 pikseli;
po lewej: 100px;
indeks Z: 10! ważne;
display: <? php if ($ _ GET ['znak wodny'] == 0) {$ znak wodny = "brak"; } elseif ($ _ GET ['znak wodny'] == 1) {$ znak wodny = ""; } echo $ znak wodny; ?>;
}
#tweet 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;
}
</ Style>
<title> Tweet Screen Shot Feeder </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 = "znak wodny" />
</ Div>
<div class = "copywrite">
<p> Zrzut ekranu z tweeta autorstwa <strong> https://sane.social </strong> © w dniu <? php echo („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, {
rozmowa: „brak”, // lub wszystkie
karty: „widoczne”, // lub widoczne
motyw: „jasny” // lub ciemny
})
.then (funkcja (el) {
el.contentDocument.querySelector (". footer"). style.display = "none";
});
});
</ Script>
<div id = "tweetshot"> </div>
<script type = "text / javascript">
GrabzIt („XXXX =”). ConvertPage (window.location.href, {„target”: „#content”, „bheight”: -1, „height”: -1, „width”: -1}). („tweetshot”);
</ Script>
</ Body>
</ Html>
