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>