Пустое пространство в верхней части изображения - PullRequest
0 голосов
/ 25 сентября 2019

Итак, используя html2canvas, я пытаюсь преобразовать div в изображение, но оно обрезает либо верхнюю часть, либо нижнюю часть div.

function save() {
    html2canvas(document.querySelector(".canvas"), {
        width: 768,
        height: 390,
        windowWidth: document.querySelector(".canvas").scrollWidth,
        windowHeight: document.querySelector(".canvas").scrollHeight,
        scrollX: 0,
        scrollY: -window.scrollY,
        x: 0,
        scale: 3
    }).then(canvas => {
        console.log(canvas);
        var base64image = canvas.toDataURL("image/jpeg");
        saveAs(base64image, 'image.jpg');
    });
}

Эти настройки я использую.

Скриншот того, как это выглядит при загрузке

Скриншот того, как это должно выглядеть

...