כלים ללכידה ולהמרה של האינטרנט
הקהילה המקוונת של GrabzIt

בעיות בהפקת תמונה לחלוקה עם הטמעה בפנים

שלום,

I'm a paying customer trying to get a screen shot of a <div> element containing a tweet embed overlayed with a watermark. Problem is I get a screenshot of only the watermark. Here is my code... what am I doing wrong?

<!doctype html>


<meta charset="utf-8">

<style>


# ציוץ {
מיקום: קרוב משפחה;
אינדקס z: 1! חשוב;
רוחב: 500 פיקסלים! חשוב;
שוליים-שמאל: -8 פיקסלים;
שוליים עליונים: -10 פיקסלים;
}

סימן מים {
תפקיד מוחלט
למעלה: 60px;
משמאל: 100 פיקסלים;
אינדקס z: 10! חשוב;
display: <?php if($_GET['watermark'] == 0){ $watermark = "none"; } elseif($_GET['watermark'] == 1){ $watermark = ""; } echo $watermark; ?>;
}

# ציוץ iframe {
גבול: אין! חשוב;
צל תיבה: אין! חשוב;
}

. copywrite p {
תפקיד מוחלט
משמאל: 0;
שוליים עליונים: -9 פיקסלים;
גופן-משפחתית: גות'אם, "הלווטיקה נויה", הלווטיקה, אריאל, "סאנס-סריף";
Font-size: 12px;
צבע: # a2a6a8;
}
</style>

<title>Tweet Screen Shot Feeder</title>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>



<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 class="copywrite">
<p>Tweet screen shot by <strong>https://sane.social</strong> © on <?php echo date("M. d, Y") . "<br>";?></p>

<script sync src="https://platform.twitter.com/widgets.js"></script>


windows.onload = (פונקציה () {

var tweet = document.getElementById ("ציוץ");
var id = tweet.getAttribute ("tweetID");

twttr.widgets.createTweet (
id, ציוץ, {

שיחה: 'אף אחד', // או הכל
כרטיסים: 'גלוי', // או גלוי
נושא: 'אור' // או כהה
})

.then (פונקציה (el) {
el.contentDocument.querySelector (". כותרת תחתונה"). style.display = "אין";
});

});


<div id="tweetshot"></div>

GrabzIt ("XXXX ="). ConvertPage (windows.location.href, {"target": "#content", "bheight": -1, "גובה": -1, "רוחב": -1}). AddTo ("tweetshot");



נשאל על ידי GrabzIt תמיכה ב -2 במרץ 2020

אני לא חושב שזו בעיה עם GrabzIt אלא עם האבטחה של ממשק ה- API של twitters. זה כנראה לא אוהב להשתמש בדף HTML זמני. במקום זאת עליך לשנות את הקוד שלך כדי להשתמש בכתובת האתר במקום זאת:

.ConvertURL (location.href, {"target": "#content", "bheight": -1, "גובה": -1, "רוחב": -1}). AddTo ("tweetshot");

ענה GrabzIt תמיכה ב -2 במרץ 2020