图像顶部的空白

Question

因此，我尝试使用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');
    });
}

这些是我正在使用的设置。

Screenshot of how it looks when downloaded

Screenshot of how it should look