안녕하세요
워터 마크로 오버레이 된 트윗 포함이 포함 된 <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>
