witam, mam taki problem, gdy uruchamiam stronę w przeglądarce to poprawnie się generuje obrazek do pliku ale kiedy robię to przez ssh, cron to obraz się nie tworzy.
Poniżej kod strony:
<!-- Required meta tags -->
<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">
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');
}
<div class="banner" id="capture"> <img src="images/logo.png" width="274" style="padding-top:5px;position:relative;margin:auto;"/>
<span style="color: inherit;font-size:15px;font-family:abel-regular;">test
</span>
<!--<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>-->
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');
});
});
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>