Poniżej kod strony:
<html lang="pl"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">--> <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <style> body { background-color: #171e22; margin-top:100px; color: #c2c2b6; } .banner { background-image: url(images/bg.png); width: 1130px; height: 300px; border: 1px solid #3c3c41; text-align:center; } .text-gradient { font-size: 20px; font-family: AdrianoOpti; font-variant: small-caps; color: #e6ddbe; background: -webkit-linear-gradient(top,#fff,#a9956f); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; display: inline-block; } .c-panel { height: 42px; margin: 0 31px 0 33px; background: url("images/c-panel-bg.png") center no-repeat; background-size: 100% 100%; line-height: 42px; position: relative; /*left: 340px;*/ /*top: 250px;*/ margin:auto; width:300px; } .c-panel:after { width: 31px; background-image: url("images/c-panel-after.png"); left: 100%; } .c-panel:before { width: 33px; background-image: url("images/c-panel-before.png"); right: 100%; } .c-panel:after, .c-panel:before { content: ''; display: block; height: 100%; /*background: center no-repeat;*/ position: absolute; top: 0; } @font-face { font-family: 'abel-regular'; src: url('abel-regular.ttf'); } </style> </head> <body> <div class="banner" id="capture"> <img src="images/logo.png" width="274" style="padding-top:5px;position:relative;margin:auto;"/> <div class="c-panel"> </div> <!--<div style="position:absolute;top:50px;"> <div class="ContentTypeBadge__icon__YLW" style="background-color: rgb(30, 130, 90); background-image: url(users.png);"></div><h6 class="ContentTypeBadge__text__3Wq" style="width: 130px;"><span data-gettext-identifier="explorenew-content-type-story">Użytkowników: 69</span></h6> </div>--> </div> <script> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas); //Test var dataURL = canvas.toDataURL("image/png"); //var dataURL = canvas.toDataURL(); $.ajax({ type: "POST", url: "save.php", data: { imgBase64: dataURL } }).done(function(o) { console.log('zapisano'); }); }); </script> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> </body> </html>