Html2canvas не правильно выполняет scale, добавляет белые пиксели

Кто-нибудь знает, как с этим бороться?

Скрипт Html2canvas, там есть опция scale для масштабирования сохраняемого в изображение  контейнера  перед сохранением. 

Если пропорция 4:3 scale 4 выполняется корректно. Например было 400*300 готовый canvas.height получается 1200 и это в рамках scale * 4

Но при некоторых других пропорциях, он делает scale * 4.0008… в результате вместо условной высоты «было 100» – получается  «стало 403», снизу три лишних белых пикселя. 

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

html2canvas(element, { 
  scale: 4,
  windowWidth: Math.floor(element.offsetWidth * 4),
  windowHeight: Math.floor(element.offsetHeight * 4)
});

 Pechora, спасибо. Не получилось, но попробую ещё на тему

windowWidth:
windowHeight:

Как то непонятно. Он даже без scale  даёт лишний пиксель снизу. Но:

1.  не на всех пропорциях
2.  если посмотреть саму высоту контейнера, скажем с помощью $('#con').height(); высота нормальная, а уже на выходе  canvas.height   высота + несколько пикселей 

var nh = $("#container").height() * 4;
alert(nh); // вижу 1388
    html2canvas(document.querySelector("#container"),{
    scale:4,
    windowWidth: nw,
  windowHeight: nh
    }).then(canvas => {
        alert(canvas.height); // вижу 1392

}

 Нил™, а если сделать обрезку canvas? (гарантированно работает — судя по фидбеку из сети.) А вообще — это известная проблема html2canvas, про нее уже много где написано. 

Нил™, а если сделать обрезку canvas?

буду смотреть в эту сторону. 

При изначальной высоте контейнера 255 *4 даёт правильные 1020 и без белой полосы.

По крайней мере, я знаю, что проблема скорее всего не в моем недочёте и не нужно биться в эту стену. Спасибо!

По крайней мере, я знаю, что проблема скорее всего не в моем недочёте и не нужно биться в эту стену.

Ага… вот прям взял и успокоился)

В общем, в моём случае вот так

html2canvas(document.querySelector("#container"),{
	width: $("#container").width(),
	height: $("#container").height(),
	scale:4
	}).then(canvas => {
                const image = canvas.toDataURL();		
}); 

выглядит нормально. Белой полосы нет. Уффф...