html2canvas, создающий размытое изображение - PullRequest
Новая
       15

html2canvas, создающий размытое изображение

0 голосов
/ 24 июня 2019

Я использую html2canvas и jspdf для создания PDF-файлов со страницы HTML. Но они дают размытое изображение.

Я уже пытался увеличить масштаб и dpi, это не сильно изменилось.

Вот код для преобразования HTML в изображение: 

   html2canvas(document.body, {
        // Scale image for better quality
        scale: 5,
        dpi: 300,
        onrendered: function (canvas) {
            // Convert image to dataURL
            const image = canvas.toDataURL("image/png");
            // Save dataURL in session storage
            try {
                window.sessionStorage.setObject(new Date().getTime(), image);
                document.getElementById('status').innerHTML = "Aktuelle Kennzahl erfolgreich hinzugefügt!"
            } catch (error) {
                console.log(error);
                document.getElementById('status').innerHTML = "Fehler beim Hinzufügen der Kennzahl!"
            }
        }
    });

А для создания pdf: 

    let doc = new jsPDF('p', 'mm', 'a4');

    // Set image width to a4
    const width = doc.internal.pageSize.getWidth();
    const height = doc.internal.pageSize.getHeight();

    doc.addImage(image, 'PNG', 0, 0, width, height * 0.65, '', 'SLOW');
    doc.addPage();
...