Проблема html2canvas: отсутствует фоновое изображение (внешнее)। - PullRequest
Новая
       11

Проблема html2canvas: отсутствует фоновое изображение (внешнее)।

0 голосов
/ 27 марта 2019

Не могу скачать как "jpg / png / pdf" с фоновым изображением, просто скачиваю текст.Использование JavaScript или jQuery. 

<script>
    $(document).ready(function() {
        var element = $("#html-content-holder"); // global variable
        var getCanvas; // global variable

        html2canvas(element, {
            onrendered: function(canvas) {
                $("#previewImage").append(canvas);
                getCanvas = canvas;
            }
        });

        $("#btn-Convert-Html2Image").on('click', function() {
            var imgageData = getCanvas.toDataURL("image/png");

            var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
            $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href",
                newData);
        });
    });
</script>

1 Ответ

0 голосов
/ 27 марта 2019

Этот элемент "# btn-Convert-Html2Image" должен поддерживать атрибут "href" и быть <a> Вы можете заключить кнопку в <a>, например. Выглядит в этом примере как сохранить холст как изображение png?

...