Итак, используя 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');
});
}
Эти настройки я использую.
Скриншот того, как это выглядит при загрузке
Скриншот того, как это должно выглядеть