Outils pour capturer et convertir le Web
Communauté en ligne de GrabzIt

Problèmes de génération d'image pour div avec intégration à l'intérieur

Posez des questions sur la capture ou la conversion de pages Web ou de HTML into des images, des documents CSV, PDF ou DOCX ainsi que des informations sur la conversion de vidéos into GIF animés utilisant notre API.

Bonjour,

Je suis un client payant qui essaie d'obtenir une capture d'écran d'un élément contenant un tweet intégré superposé à un watermark. Le problème est que je reçois une capture d'écran de watermark. Voici mon code... qu'est-ce que je fais de mal ?






<style>


#tweet {
position: relative;
z-index: 1! important;
largeur: 500 px! important;
marge gauche: -8px;
marge supérieure: -10px;
}

.watermark {
position: absolue;
haut: 60px;
gauche: 100px;
z-index: 10! important;
afficher:watermark'] == 0){ $watermark = "aucun" ; } sinon($_GET['watermark'] == 1){ $watermark = "" ; } écho $watermark; ?>;
}

#tweet iframe {
frontière : aucune !important ;
box-shadow : aucun !important ;
}

.copywrite p {
position: absolue;
gauche: 0;
marge supérieure: -9px;
famille de polices : Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" ;
font-size: 12px;
couleur : #a2a6a8 ;
}
</style>

Chargeur de capture d'écran de tweet




">
-->

<img src="images/watermark.png" classe="watermark"/>
</div>

Capture d'écran du tweet par https://sane.social © sur " ;?>
</div>


window.onload = (fonction(){

var tweet = document.getElementById("tweet");
var id = tweet.getAttribute("tweetID");

twttr.widgets.createTweet(
identifiant, tweet, {

conversation : 'aucun', // ou tout
cartes : 'visible', // ou visible
thème : 'clair' // ou sombre
})

.puis (fonction (el) {
el.contentDocument.querySelector(".footer").style.display = "aucun";
});

});




GrabzIt("XXXX=").ConvertPage(window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo ("tiré sur tweet");



Demandé par le support GrabzIt le 2 mars 2020

Je ne pense pas que ce soit un problème avec GrabzIt mais avec la sécurité de l'API Twitters. Il n'aime probablement pas être utilisé dans une page HTML temporaire. Au lieu de cela, vous devez modifier votre code pour utiliser l'URL à la place :

.ConvertURL(location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo("tweetshot");

Réponse du support GrabzIt le 2 mars 2020