Merhabalar,
html2canvas ile yazdığım küçük çaplı bir generatorde oluşan card öğesini png olarak download ettireceğim ancak screenshot işlemi yaparken çıktıya görseli dahil etmiyor.
Demo: https://pvanull.com/wallet/wallet.php?qrcode=https%3A%2F%2Fxcelpay.io%2Ficon%2Fqr_onlink_to_xcelpaywallet.png&walletname=My+Ethereum+Wallet&walletaddress=0xee17fdAa4B34CcbEC144c122a25265057634a437
<div class="card-container" id="widget">
<img src="<?php echo $_GET['qrcode'] ?>" />
<h3><?php echo $_GET['walletname'] ?></h3>
<p><?php echo $_GET['walletaddress'] ?></p>
<br>
</div>
<br>
<input type="button" id="btnSave" style="background-color: #231e39; color: #fff;" class="btn" value="GENERATE PNG"/>
<br>
<div id="img-out"></div>
<br>
<script type="text/javascript">$(function() {
$("#btnSave").click(function() {
html2canvas($("#widget"), {
onrendered: function(canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
// Convert and download as image
Canvas2Image.saveAsPNG(canvas);
$("#img-out").append(canvas);
// Clean up
//document.body.removeChild(canvas);
}
});
});
}); </script>