مرحبا،
أنا عميل مدفوع أحاول الحصول على لقطة شاشة لعنصر <div> يحتوي على تغريدة مضمنة بعلامة مائية. المشكلة هي أنني أحصل على لقطة للعلامة المائية فقط. إليكم الكود ... ماذا أفعل الخطأ؟
<! doctype html>
<HTML>
<HEAD>
<meta charset = "utf-8">
<نمط>
#tweet {
الموقف: النسبية.
مؤشر z: 1 مهم ؛
العرض: 500 بكسل!
الهامش الأيسر: -8px ؛
أعلى هامش: -10px ؛
}
.علامة مائية {
موقف: المطلق؛
أعلى: 60 بكسل ؛
اليسار: 100 بكسل ؛
مؤشر z: 10 مهم ؛
عرض: <؟ php if ($ _ GET ['علامة مائية'] == 0) {$ watermark = "none"؛ } elseif ($ _ GET ['علامة مائية'] == 1) {$ watermark = ""؛ صدى علامة مائية $؛ ؟> ؛
}
#tweet iframe {
الحدود: لا شيء!
مربع الظل: لا شيء!
}
.copywrite p {
موقف: المطلق؛
اليسار: 0 ؛
أعلى هامش: -9px ؛
font-family: Gotham ، "Helvetica Neue" ، Helvetica ، Arial ، "sans-serif" ؛
فونت-سيز: شنومكسبس؛
اللون: # a2a6a8 ؛
}
</ النمط>
<title> Tweet Screen Shot Feeder </title>
<script src = "https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"> </script>
</ رئيس>
<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 = "watermark" />
</ div>
<div class = "copywrite">
<p> شاشة التغريدة التي التقطها <strong> https://sane.social </strong> © بتاريخ <؟ php echo date ("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 (
معرف ، سقسقة ، {
محادثة: "لا شيء" ، // أو الكل
البطاقات: "مرئية" ، // أو مرئية
موضوع: "النور" / أو الظلام
})
.ثم (الوظيفة (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}). AddTo ("tweethot") ؛
</ script>
</ BODY>
</ HTML>
