Я работаю с html файлом, который будет конвертирован холстом и подготовит изображение для загрузки.
<div class="container">
<div class="row p-0">
<div class="col-sm-12 col-lg-4 p-0" id="html-content-holder">
//html code is here
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://files.codepedia.info/files/uploads/iScripts/html2canvas.js"></script>
<script type="text/javascript">
var element = $("#html-content-holder"); // global variable
var getCanvas; // global variable
$("#btn-Convert-Html2Image").on('click', function () {
html2canvas(element, {
onrendered: function (canvas) {
// $("#previewImage").append(canvas);
getCanvas = canvas;
}
});
var imgageData = getCanvas.toDataURL("image/png");
var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
$("#btn-Convert-Html2Image").attr("download", <?php echo $order->customer->phone;?>+".png").attr("href", newData);
});
window.stop();
</script>
Все в порядке, хорошая конвертация, но проблема в том, что шрифт был изменен после загрузки, особенно при загрузке с рабочего стола.