웹 캡처 및 변환 도구
GrabzIt의 온라인 커뮤니티

내장이 포함 된 div의 이미지 생성 문제

안녕하세요

워터 마크로 오버레이 된 트윗 포함이 포함 된 <div> 요소의 스크린 샷을 얻으려는 유료 고객입니다. 문제는 워터 마크 만 스크린 샷을 얻는 것입니다. 여기 내 코드가 있습니다 ... 내가 뭘 잘못하고 있습니까?

<! doctype html>
<HTML>
<헤드>
<meta charset = "utf-8">

<스타일>


#트위터 {
위치 : 상대;
z- 색인 : 1! 중요;
너비 : 500px! 중요;
왼쪽 여백 : -8px;
여백 : -10px;
}

.watermark {
위치 : 절대;
상단 : 60px;
왼쪽 : 100px;
z- 색인 : 10! 중요;
표시 : <? php if ($ _ GET [ 'watermark'] == 0) {$ watermark = "없음"; } elseif ($ _ GET [ 'watermark'] == 1) {$ watermark = ""; } echo $ watermark; ?>;
}

#tweet iframe {
국경 : 없음! 중요;
상자 그림자 : 없음! 중요;
}

.copywrite p {
위치 : 절대;
왼쪽 : 0;
여백 : -9px;
폰트 패밀리 : Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
글꼴 크기 : 12px;
색상 : # a2a6a8;
}
</ 스타일>

<title> 트위트 스크린 샷 피더 </ 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>
<div class = "copywrite">
<? php echo date ( "M. d, Y")의 <strong> https://sane.social </ strong> ©에 의한 트윗 스크린 샷 "<br>";?> </ p>
</ DIV>

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

<스크립트>
window.onload = (함수 () {

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

twttr.widgets.createTweet (
아이디, 트윗, {

대화 : '없음', // 또는 모두
cards : 'visible', // 또는 visible
테마 : 'light'// 또는 dark
})

.then (함수 (el) {
el.contentDocument.querySelector ( ". footer"). style.display = "없음";
});

});
</ 스크립트>

<div id = "tweetshot"> </ div>
<script type = "text / javascript">
GrabzIt ( "XXXX ="). ConvertPage (window.location.href, { "target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ( "트위트 샷");
</ 스크립트>

</ BODY>
</ HTML>

질문 2 년 2020 월 11 일 월요일 오전 56:19:XNUMX

GrabzIt에서는 문제가 아니라 Twitter API의 보안 문제라고 생각합니다. 아마도 임시 HTML 페이지에서 사용하는 것을 좋아하지 않을 것입니다. 대신 URL을 대신 사용하도록 코드를 변경해야합니다.

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

응답 2 년 2020 월 12 일 월요일 오후 23:40:XNUMX