mgsmus Bu şekilde yeni üretilen görseli değil random görseli indiriyor hocam sağolun vazgeçtim indirtmekten. Size zahmet şöyle bir benzer sorunum mevcut
Yeni üreteceğim scriptte html2canvas ile download işlemi yapacağım ancak div içindeki resmi png ye dahil etmiyor. Bunun için allowTaint: true yapmak lazım ancak kodumda nerede kullanmalıyım bir türlü çözemedim. Kod çalışıyor sadece görsel dahil olmuyor png ye.
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script src="https://superal.github.io/canvas2image/canvas2image.js"></script>
<body style="background-color: #28223F!important">
<div class="card-container specific">
<img src="<?php echo $_GET['link'] ?>" style="padding-bottom: 2%;" />
<h3><?php echo $_GET['name'] ?></h3>
<p><?php echo $_GET['surname '] ?></p>
<br>
</div>
<br>
<div id="img-out"></div>
<div class="btn-group">
<button type="button" style="background-color: #231e39; color: #fff;margin-right: 5px;" class="btn" value=""/>DOWNLOAD PNG</button>
<a href="/" style="background-color: #231e39; color: #fff;" class="btn" value=""/>GENERATE NEW</a>
</div>
<br>
<br>
<script type="text/javascript"> document.querySelector('button').addEventListener('click', function() {
html2canvas(document.querySelector('.specific'), {
allowTaint: true,
onrendered: function(canvas) {
// document.body.appendChild(canvas);
return Canvas2Image.saveAsPNG(canvas);
}
});
});</script>