Strumenti per acquisire e convertire il Web
La community online di GrabzIt

Problemi nella generazione dell'immagine per div con incorporamento all'interno

Poni domande su come acquisire o convertire pagine Web o HTML into immagini, documenti CSV, PDF o DOCX nonché su come convertire i video into GIF animate che utilizzano la nostra API.

Ciao,

Sono un cliente pagante e sto cercando di ottenere uno screenshot di un file elemento contenente un tweet incorporato sovrapposto a un file watermark. Il problema è che ottengo uno screenshot solo del file watermark. Ecco il mio codice... cosa sto facendo di sbagliato?







#twitta {
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;
Schermo:watermark'] == 0){ $watermark = "nessuno"; } elseif($_GET['watermark'] == 1){ $watermark = ""; } eco $watermark; ?>;
}

#twitta 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;
colore:#a2a6a8;
}


Alimentatore di schermate Tweet




">
-->

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

Schermata del Tweet scattata da https://sane.social © su ";?>
</div>


finestra.onload = (funzione(){

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

twttr.widgets.createTweet(
id, tweet, {

conversazione: 'nessuno', // o tutti
carte: 'visibile', // o visibile
tema: 'chiaro' // o scuro
})

.quindi (funzione (el) {
el.contentDocument.querySelector(".footer").style.display = "none";
});

});




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



Chiesto dal supporto GrabzIt il 2 marzo 2020

Non penso che questo sia un problema con GrabzIt ma con la sicurezza dell'API di Twitter. Probabilmente non gli piace essere utilizzato all'interno di una pagina HTML temporanea. Dovresti invece modificare il codice per utilizzare l'URL:

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

Risposta del supporto GrabzIt il 2 marzo 2020