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

こんにちは、

私は有料顧客です。スクリーンショットを取得しようとしています。 でオーバーレイされたツイート埋め込みを含む要素 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="images/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 (「ツイートショット」);

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

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