Шрифт html2canvas был изменен после загрузки изображения - PullRequest
0 голосов
/ 25 февраля 2020

Я работаю с 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>

Все в порядке, хорошая конвертация, но проблема в том, что шрифт был изменен после загрузки, особенно при загрузке с рабочего стола.

...