Webをキャプチャして変換するツール
GrabzItのオンラインコミュニティ

内部に埋め込みを含む div の画像を生成する際の問題

WebページまたはHTMLをキャプチャまたは変換する方法について質問する into画像、CSV、PDF、またはDOCXドキュメント、およびビデオの変換方法 intoアニメーションGIFはAPIを使用しています。

こんにちは、

私は有料顧客です。スクリーンショットを取得しようとしています。 でオーバーレイされたツイート埋め込みを含む要素 watermark。 問題は、スクリーンショットだけを取得することです watermark。 これが私のコードです...何が間違っているのでしょうか?







#つぶやき {
位置:相対;
z インデックス: 1 !重要;
幅: 500px !重要;
マージン左:-8px;
マージントップ:-10px;
}

.watermark {
位置:絶対;
上:60ピクセル;
左:100ピクセル;
z インデックス: 10 !重要;
画面:watermark'] == 0){ $watermark = "なし"; elseif($_GET['watermark'] == 1){ $watermark = ""; エコー$watermark; ?>;
}

#ツイート iframe {
境界線: なし!重要;
ボックスシャドウ: なし!重要;
}

.copywrite p {
位置:絶対;
left:0;
マージントップ:-9px;
フォントファミリー: Gotham、「Helvetica Neue」、Helvetica、Arial、「サンセリフ」;
フォントサイズ:12px。
色:#a2a6a8;
}


ツイートスクリーンショットフィーダー




">
-->

<img src="画像/watermark.png" クラス =watermark"/>


https://sane.social © でスクリーンショットをツイート 「;?>

<script>
window.onload = (関数(){

var tweet = document.getElementById("ツイート");
var id = tweet.getAttribute("ツイートID");

twttr.widgets.createTweet(
ID、ツイート、{

会話 : 'なし'、// またはすべて
カード : 'visible', // または可視
テーマ : 'ライト' // またはダーク
})

.then (関数 (el) {
el.contentDocument.querySelector(".footer").style.display = "none";
});

});




GrabzIt("XXXX=").ConvertPage(window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}).AddTo (「ツイートショット」);



2 年 2020 月 XNUMX 日に GrabzIt サポートからの質問

これは GrabzIt の問題ではなく、Twitter API のセキュリティの問題だと思います。 おそらく、一時的な HTML ページ内で使用されることは好まれません。 代わりに、URL を使用するようにコードを変更する必要があります。

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

2 年 2020 月 XNUMX 日に GrabzIt サポートから回答