html2canvas: невозможно сгенерировать полный календарь-планировщик в формате PDF

Question

Я потратил на это часы, и мне некуда.

Вот лучшая комбинация, которую я получил.

https://jsfiddle.net/zardaloop/bztoju90/21/

Однако я не могу понять, почему он печатает неправильно. Кто-нибудь знает, что я делаю неправильно, или знает какое-нибудь хорошее решение для этого?

window.takeScreenShot = function() {
    html2canvas(document.getElementById("calendar"), {
        onrendered: function (canvas) {
            var doc = new jsPDF({ orientation: 'portrait',format: 'a4' });
            var imgData = canvas.toDataURL("image/jpeg");
            doc.addImage(imgData, 'JPEG', 0, 0, canvas.width, canvas.height);
            doc.save("Print");
        },
        width:800,
        height:600
    });
}

Answer 1

Добавление цвета фона к сгенерированному изображению позволяет печатному PDF с читаемым содержимым, все еще выясняя остальную проблему размера, которая сохраняется даже после изменения orientation: 'landscape'

\\html2canvas(document.getElementById("calendar"), {
    background: '#FFFFFF',   \\Added option
\\  onrendered: function (canvas) {

Обновление: Изменение формата и ориентации - вот способ, которым я вижу, чтобы отладить это. Пожалуйста, продолжайте пытаться делать то же самое, потому что нижеприведенная строка кода, на мой взгляд, вполне соответствует вашим целям.

var doc = new jsPDF({ orientation: 'landscape',format: 'a2' });